Darbas su iš anksto nustatytų stilių rinkiniais

Straipsnis
07/30/2024

Šiame straipsnyje aprašoma, kaip svetainių daryklėje „Microsoft Dynamics 365 Commerce“ dirbti su išankstinėmis stilių parinktimis.

Išankstinė stilių parinktis yra visų autentiškų stilių verčių rinkinys, naudojamas svetainės temoje. Jis gali būti naudojamas norint iš karto pakeisti svetainės įvaizdį iš svetainės daryklės. Išankstinė stilių parinktis suteikia galimybę „Commerce” svetainės daryklės autoriams greitai pakeisti, peržiūrėti ir suaktyvinti savo svetainės stilių vertes nenaudodami „Cascading Style Sheets ” (CSS) arba nediegiant temų. Šrifto stiliai, mygtukų stiliai ir svetainės spalvos yra tipiški stiliaus kintamųjų, kuriuos galima tvarkyti naudojant išankstinėmis stilių parinktimis, pavyzdžiai.

Stiliaus kintamųjų rinkinys, prieinamas svetainėje, nustatomas pagal temą ir modulio biblioteką, kuri įdiegiama į svetainės nuomininką. „Dynamics 365 Commerce” internetinis programinės įrangos kūrimo rinkinys (SDK – angl. software development kit) leidžia kūrėjams pritaikyti didžiausią kiekį (arba tik kelis) reikiamus autentiškus stilių kintamuosius per skirtą laiką. Įgalinę daugiau stilių kintamųjų, temos kūrėjas gali patikėti galutinius svetainės stilių svetainės pakeitimus daryklės autoriams. Todėl ne kūrėjai gali atnaujinti ir peržiūrėti svetainės stilius naudodami įrankių rinkinį. Funkcija taip pat naudinga bet kokiam scenarijui, kai tiesioginiai temų pakeitimai arba „CSS” sukels nereikalingų pridėtinių išlaidų.

Temoms, kuriose įgalinti autentiški stiliaus kintamieji, reikia numatytosios išankstinės stiliaus parinkties. Jie pasirinktinai gali įtraukti papildomas parinktis, nes tai įeina į įdiegtos temos paketą. Pavyzdžiui, galima įdiegti temą, kuri turi vieną numatytąją „šiuolaikiškas šviesus” stiliaus parinktį. Arba, be numatytojo išankstinio nustatymo, jame gali būti papildomų stiliaus parinkčių, pvz., „moderni tamsu“, „vintažinė šviesa“ arba „vintažinė tamsi“. Šiuos įtaisytuosius temų nustatymus sukuria kūrėjai ir jie gali būti naudojami kaip naujų svetainių dizaino pradžios taškai.

Svetainės daryklėje kūrėjai gali pasirinkti iš integruotų temų parinkčių arba gali sukurti savo pačių stilių išankstines parinktis ir tinkinimą naudojant įgalintus stilių kintamuosius. Išankstinė stiliaus parinktis gali būti peržiūrėta svetainės daryklėje prieš aktyvuojant ją tiesioginėje svetainėje. Peržiūrėjus kūrėjo stiliaus pakeitimus, išankstinė stiliaus parinktis gali būti nustatyta kaip „aktyvi” tiesioginėje svetainėje.

Išankstinės stiliaus parinkties peržiūra

Norėdami peržiūrėti išankstinę stiliaus parinktį svetainėje svetainės daryklėje, atlikite šiuos veiksmus.

Kairiojoje jūsų svetainės naršymo srityje eikite į Svetainės parametrai > Dizainas.
Išankstinės stiliaus parinktys skirtuke, dizaino rengyklės viršuje, Galimos išankstinės parinktys sąraše pasirinkite Peržiūrėti, kad pereitumėte į išankstinių parinkčių doroklį.

Jei Galimos išankstinės parinktys sąraše šiuo metu nėra išankstinių parinkčių, peržiūrėkite Pasirinktos išankstinės parinkties kūrimas, kad sužinotumėte, kaip sukurti pasirinktinę išankstinę stiliaus parinktį.

Banknotas

Išankstinės parinktys, įtrauktos į temą, pažymėtos Integruota ženkleliu. Šios integruotos išankstinės parinktys yra skirtos tik skaityti. Norėdami nukopijuoti integruotą išankstinę parinktį kaip naują tinkinamą išankstinę parinktį , pasirinkite elipsės mygtuką (...) parinkčiai ir pasirinkite Įrašyti kaip.
Komandų juostoje pasirinkite Peržiūrėti.
Pasirinkite URL iš savo svetainės, kad galėtumėte peržiūrėti išankstinę stiliaus parinktį, tada pasirinkite Gerai.
Pasirinkite kanalui ir lokalei būdingą URL variantą pasirinkdami varianto pavadinimą. Atidaromas naujas peržiūros naršyklės langas, kuriame pasirinkta išankstinė stiliaus parinktis pritaikoma konkrečiam puslapiui.

Banknotas

Peržiūros URL yra nuolatinis ir autentifikuotas. Todėl galite kopijuoti, įklijuoti ir siųsti kitiems patvirtintiems bendradarbiams peržiūrai prieš nustačius į „aktyvi ” būsena savo tiesioginėje svetainėje. URL peržiūra taip pat naudinga tikrinant stilius skirtinguose įrenginiuose, skirtingose naršyklėse ir skirtinguose ekranuose.

Patarimas

Redaguojant išankstinę stiliaus parinktį, gali būti naudinga palikti atvirą peržiūros naršyklės langą, kad jį atidarytumėte atskirame naršyklės lange, kad galėtumėte greitai patikrinti savo keitimus. Išsaugoję išankstinės parinkties pakeitimus, atnaujinkite atidarytą peržiūros naršyklės langą, kad patikrintumėte vartotojo patirtį.

Pasirinktinos išankstinės stiliaus parinkties kūrimas

Norėdami sukurti pasirinktiną išankstinę stiliaus parinktį svetainėje svetainės daryklėje , atlikite šiuos veiksmus.

Kairiojoje jūsų svetainės naršymo srityje eikite į Svetainės parametrai > Dizainas.
Išankstinės stiliaus parinktys skirtuke dizaino rengyklės viršuje, komandų juostoje, pasirinkite Nauja išankstinė parinktis.
Įveskite naujos išankstinės parinkties pavadinimą ir aprašą ir pasirinkite Įrašyti. Sukuriama nauja tinkinama išankstinė parinktis, kuri naudoja numatytąsias temos vertes kaip pradžios tašką.

Banknotas

Taip pat galite kurti naują pasirinktinę išankstinę stiliaus parinktį pagal esamą parinktį pažymėję elipsės mygtuką ( ...) tai parinkčiai ir tada pasirinkdami Įrašyti kaip. Kitu atveju galite pasirinkti Įrašyti kaipesamo doroklio komandų juostoje.

Visuotino ir modulio tipo stiliaus verčių modifikavimas

Kai kurie temos stiliaus kintamieji yra bendrai naudojami su keliais modulių tipais. Šie stiliaus kintamieji vadinami visuotinais stiliaus kintamaisiais. Pavyzdžiuose yra pirminės svetainės spalvos, numatytieji šrifto stiliai ir mygtukų stiliai. Nustatydami visuotinius kintamuosius, galite pakeisti skirtingų modulių tipų įvaizdį.

Kai kurios stiliaus vertės gali būti unikalios modulio tipui arba jos gali pasirinktinai perrašyti numatytąją visuotiną vertę. Jei svetainės tema įdiegė modulio tipo stiliaus kintamuosius, svetainės daryklės autoriai gali tinkinti modulio tipo stilių nepaisydami visuotinių parametrų. Modulio tipo kintamieji gali padidinti arba perrašyti visuotino stiliaus kintamuosius temoje.

Banknotas

Stiliaus verčių hierarchija svetainėje elgiasi taip:. Stiliaus vertės, atsirandančios toliau į dešinę, perrašo stiliaus vertes, esančias kairėje pusėje.

Temos numatytosios vertės <Visuotino stiliaus vertės < Modulio tipo stiliaus vertės <CSS perrašyti

Norėdami keisti išankstinę stiliaus parinktį arba modulio tipo vertes svetainės daryklėje, atlikite šiuos veiksmus.

Kairiojoje jūsų svetainės naršymo srityje eikite į Svetainės parametrai > Dizainas.
Išankstinės stiliaus parinktys skirtuke, dizaino rengyklės viršuje pasirinkite bet kurios išankstinės stiliaus parinkties Peržiūrėti, kad patektumėte į išankstinės stiliaus parinkties doroklį.
Pasirinkite Peržiūrėti ir tada vykdykite URL žymėjimo veiksmus, kad peržiūrėtumėte išankstinę stiliaus parinktį visame naršyklės lange. Palikite šį peržiūros naršyklės langą atidarytą.
Išankstinės parinkties doroklyje, viršutiniame dešiniajame kampe, pasirinkite Redaguoti.
Norėdami pakeisti kai kurias visuotino stiliaus vertes, naudokite stiliaus kintamųjų valdiklius.
Doroklio viršuje Moduliai skirtuke Visuotinas skirtuko dešinėje, pasirinkite modulio tipą, kurį norite stilizuoti.
Naudokite stiliaus valdiklius, kad pakeistumėte kai kurias modulio tipo vertes.
Kai esate pasiruošę peržiūrėti savo keitimus, pasirinkite Įrašyti komandų juostoje.
Sugrįžkite į atvirą peržiūros naršyklės langą ir atnaujinkite jį. Viso naršyklės lango peržiūra naudinga tikrinant stilių pakeitimus skirtingais rodinio stabdos taškais skirtingose naršyklėse ir skirtingose renginių platformose.
Pabaigę visus keitimus ir patikrintus, pasirinkite Baigti redagavimą viršutiniame dešiniajame doroklio kampe.

Banknotas

Jeigu redaguojate išankstinę stiliaus parinktį, kuri šiuo metu aktyvi jūsų svetainėje, doroklyje pamatysite mėlyną ženklelį Aktyvus. Šis ženklelis nurodo, kad šiuo metu išankstinė parinktis yra aktyvi jūsų svetainėje. Pakeitus aktyvią parinktį, pasirinkite Publikuoti, kad tie pakeitimai atsirastų jūsų tiesioginėje svetainėje.

Sukurkite naują išankstinę stiliaus parinktį aktyvią jūsų tiesioginėje svetainėje

Norėdami nustatyti išankstinę stiliaus parinktį kaip naują aktyvią išankstinę parinktį savo svetainėje, atlikite šiuos veiksmus.

Pasirinkite Nustatyti kaip aktyvų mygtuką vienoje iš šių vietų:
- Komandų juosta išankstinės stiliaus parinkties doroklyje
- Elipsės meniu (...) bet kuriai galimai išankstinei parinkčiai pagrindiniame rodinyje, esančiame Išankstinės stiliaus parinktys skirtuke Svetainės parametrai >Dizainas

Išankstinės stiliaus parinkties vertės yra aktyvios jūsų viešoje svetainėje.