Darbas su CSS perrašymo failais

Šiame straipsnyje aprašoma, kaip naudoti pakopinių stilių lapų (CSS) perrašymo failus programoje "„Microsoft“ Dynamics 365 Commerce".

Nuolatiniai svetainės stiliai paprastai turėtų būti tvarkomi naudojant svetainės temą. Naudojant temas pasiekiami pagrindiniai bet kurio svetainės puslapio CSS ir stilių parametrai. Temas kuriate naudodami "Dynamics 365 Commerce" internetinės programinės įrangos kūrimo rinkinį (SDK) ir diegiate jas savo svetainėse naudodami "„Microsoft“ Dynamics Lifecycle Services" (LCS). Naudodami temų derinimo galimybes ir modulių sąsajos konfigūracijas SDK žinyno svetainėje, svetainių programuotojai gali lengviau kurti tinkinamus ir darnius svetainių dizaino paketus. Kai įdiegiate šiuos dizaino paketus svetainėje, svetainės autoriai gali sutelkti dėmesį į turinio kūrimą, redagavimą ir publikavimą, o ne į svetainės kūrimą.

Atsižvelgiant į įprastą temos ciklą, priklausomybė nuo programuotojų, keičiančių stilius per SDK ir LCS diegimo srautą, kai kuriose situacijose gali būti pernelyg didelė. Jei SDK nesukonfigūruotas arba jei neturite laiko laukti įdiegties per LCS, svetainės prototipai ar karštosios pataisos gali atrodyti sudėtingi.

Tokiose situacijose gali padėti CSS perrašymo failai. Naudodami „Commerce“ kūrimo įrankius, autentifikuoti vartotojai gali nusiųsti CSS failą, jį peržiūrėti ir aktyvinti, kad perrašytų svetainės temą. Jums nereikia papildomų SDK ar LCS diegimo išlaidų. CSS perrašymo faile nurodyti perrašymai gali būti tokie maži, kaip vieno teksto stiliaus pakeitimas, arba tokie platūs, kaip visiškas prekės ženklo atnaujinimas.

Prieš naudodami CSS perrašymo failus, turėkite omenyje tolesnius apribojimus.

  • Vienu metu svetainėje gali būti aktyvus tik vienas CSS perrašymo failas. Todėl visi aktyvūs perrašymo veiksmai turi būti viename perrašymo faile.
  • Nors perrašymo veiksmus galite peržiūrėti „Commerce“ kūrimo įrankiuose, juose nėra specialių derinimo funkcijų, padedančių nustatyti perrašymo veiksmų sukeliamas klaidas. Kitaip tariant, kai naudojate CSS perrašymo failus, neturite tokio paties įrankių rinkinio, kurį SDK suteikia moduliams ir kūrimui tikrinti.

Nepaisant to, CSS perrašymo failai yra greitas būdas dizaino prototipui sukurti ar karštajai pataisai įdiegti prieš sukuriant ir įdiegiant visapusį temos naujinimą.

CSS perrašymo failo sukūrimas

Norėdami sukurti CSS perrašymo failą, naudokite bet kurią integruotą kūrimo aplinką (IDE), teksto rengyklę arba šaltinio kodo rengyklę. Įprasta naršyklėje naudojant standartines žiniatinklio derintuves nustatyti esamos svetainės stilių išrinkiklius, ypatybes ir reikšmes. Daugelyje naršyklių galima keisti reikšmes ir jas peržiūrėti derintuvėje. Nustatę norimus atlikti pakeitimus, įrašykite juos į savo CSS failą.

CSS perrašymo failo nusiuntimas

Norėdami nusiųsti CSS failą į svetainę "Commerce", atlikite šiuos veiksmus:

  1. Naudodami kūrimo įrankius, nueikite į savo svetainę.

  2. Kairėje esančioje naršymo srityje pasirinkite Dizainas.

    Pastaba

    Atsižvelgiant į naudojamų "Commerce" kūrimo įrankių versiją, gali reikėti išplėsti parametrus naršymo srityje, kad galėtumėte pasirinkti Dizainas.

  3. Jei jis dar nepasirinktas, pagrindinės dizaino srities viršuje pasirinkite skirtuką CSS perrašymas.

  4. Dalyje Galimi CSS perrašymo veiksmai pasirinkite Nusiųsti CSS failą. Atsiranda failų naršyklės langas.

  5. Naršydami failų naršyklėje pasirinkite CSS failą, tada – Atidaryti. Nusiųstas CSS failas dabar rodomas dalyje Galimi CSS perrašymo veiksmai.

CSS perrašymo failo peržiūra

Norėdami peržiūrėti CSS perrašymo failą prieš suaktyvindami jį tiesioginėje svetainėje, atlikite šiuos veiksmus:

  1. Kairėje esančioje naršymo srityje pasirinkite Dizainas. Skirtuko CSS nepaisymas dalyje Galimi CSS perrašymai raskite CSS failą, kurį norite peržiūrėti.
  2. Prie CSS failo pavadinimo pasirinkite Peržiūrėti svetainę.
  3. Dialogo lange Pasirinkite URL pasirinkite svetainės, kuriai norite taikyti perrašymo veiksmą, URL, tada – Gerai.
  4. Jei yra keli pasirinkto URL variantai, pasirodžiusiame dialogo lange Peržiūros variantai pasirinkite norimą variantą.

Atidaromas naujas naršyklės skirtukas arba langas, kuriame galite patvirtinti savo stiliaus nepaisymą svetainėje. URL tada galite bendrinti su kitais autentifikuotais „Commerce“ vartotojais, kad jie galėtų svetainę įvertinti ir pateikti atsiliepimų.

CSS perrašymo failo suaktyvinimas paleistoje svetainėje

Peržiūrėję ir patvirtinę CSS perrašymo failą, suaktyvinkite jį tiesioginėje svetainėje.

Pastaba

Vienu metu svetainėje galite turėti tik vieną aktyvų CSS perrašymo failą. Jei suaktyvinsite naują perrašymo failą, išjungsite ankstesnį perrašymo failą. Įsitikinkite, kad visi reikalingi perrašymai yra viename CSS perrašymo faile.

Norėdami suaktyvinti CSS perrašymo failą, atlikite šiuos veiksmus:

  1. Kairėje esančioje naršymo srityje pasirinkite Dizainas. Skirtuko CSS nepaisymas dalyje Galimi CSS perrašymai raskite norimą suaktyvinti CSS failą.
  2. Po CSS failo pavadinimu pasirinkite Aktyvinti. Perrašymo failas iš karto tampa aktyvus jūsų paleistoje svetainėje.

CSS perrašymo failo išjungimas paleistoje svetainėje

Norėdami išjungti CSS perrašymo failą svetainėje, atlikite šiuos veiksmus:

  1. Kairėje esančioje naršymo srityje pasirinkite Dizainas. Skirtuko CSS nepaisymas dalyje Galimi CSS perrašymai raskite CSS failą, kurį norite išjungti.
  2. Po CSS failo pavadinimu pasirinkite Išjungti. Perrašymo failas iš karto tampa neaktyvus jūsų paleistoje svetainėje.

Patarimas

Norėdami pasiekti papildomas CSS perrašymo failų parinktis, pasirinkite prie CSS failo pavadinimo esantį daugtaškį (...). Parinktys Atsisiųsti, Pervardyti ir Pakeisti yra naudingos norint greitai pakeisti esamą CSS perrašymo failą.

Papildomi ištekliai

Logotipo įtraukimas

Pasirinkti svetainės temą

Darbas su stilių išankstinėmis parinktimis

Įtraukti parankinių piktogramą

Įtraukti informaciją apie autorių teises

Kalbų įtraukimas į savo svetainę

Įtraukite scenarijaus kodą į svetainės puslapius, kad būtų palaikoma telemetrija