Darbas su iš anksto nustatytų stilių rinkiniais

Šiame straipsnyje aprašoma, kaip dirbti su svetainės stiliaus išankstiniais nustatymais "„Microsoft“ Dynamics 365 Commerce" svetainių daryklėje.

Išankstinė stilių parinktis yra visų autentiškų stilių verčių rinkinys, naudojamas svetainės temoje. Naudokite išankstinį stiliaus nustatymą, kad iš karto pakeistumėte svetainės išvaizdą iš svetainių kūrimo priemonė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ų. Šriftų stiliai, mygtukų stiliai ir svetainės spalvos yra tipiški stiliaus kintamųjų, kuriuos galite valdyti naudodami išankstinius stiliaus nustatymus, pavyzdžiai.

Temos ir modulių biblioteka, kurią įdiegiate svetainės nuomotojui, nustato stiliaus kintamųjų rinkinį, kuris pasiekiamas svetainėje. "Dynamics 365 Commerce" internetinės programinės įrangos kūrimo rinkinys (SDK) leidžia kūrėjams įdiegti tiek (arba tiek mažai) autorizuojamų stiliaus kintamųjų, kiek reikia konkrečiai temai. Į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į. Ši galimybė taip pat naudinga bet kokiam scenarijui, kai tiesioginiai temų ar CSS pakeitimai sukeltų nereikalingų papildomų išlaidų.

Temoms, kuriose įgalinti autentiški stiliaus kintamieji, reikia numatytosios išankstinės stiliaus parinkties. Jie gali pasirinktinai įtraukti daugiau iš anksto nustatytų parinkčių kaip įdiegto temų paketo dalį. Pavyzdžiui, galima įdiegti temą, kuri turi vieną numatytąją „šiuolaikiškas šviesus” stiliaus parinktį. Arba jame gali būti daugiau stiliaus iš anksto nustatytų parinkčių, be numatytojo išankstinio nustatymo, pvz., "moderni tamsi", "vintažinė šviesa" arba "vintažinė tamsi". Kūrėjai sukuria šiuos įtaisytuosius temų išankstinius nustatymus, o autoriai gali juos naudoti kaip naujų svetainių dizaino atspirties taškus.

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. Autoriai gali peržiūrėti išankstinį stiliaus nustatymą svetainių kūrimo priemonėje prieš suaktyvindami jį tiesioginėje svetainėje. Peržiūrėję autoriaus stiliaus pakeitimus, nustatykite išankstinį tiesioginės svetainės stiliaus nustatymą į "aktyvų".

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

Norėdami peržiūrėti išankstinį svetainės stiliaus nustatymą svetainių kūrimo priemonėje, atlikite šiuos veiksmus:

  1. Kairiojoje jūsų svetainės naršymo srityje eikite į Svetainės parametrai > Dizainas.

  2. 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 sąrašas Galimi išankstiniai nustatymai tuščias, informacijos apie tai, kaip sukurti pasirinktinio stiliaus išankstinį nustatymą, ieškokite Pasirinktinio stiliaus išankstinio nustatymo kūrimas .

    Pastaba

    Išankstiniai nustatymai, įtraukti į temą, nurodomi įtaisytuoju ž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.

  3. Komandų juostoje pasirinkite Peržiūrėti.

  4. Pasirinkite URL iš savo svetainės, kad galėtumėte peržiūrėti išankstinę stiliaus parinktį, tada pasirinkite Gerai.

  5. Pasirinkite kanalui ir lokalei būdingą URL variantą pasirinkdami varianto pavadinimą. Atidaromas naujas peržiūros naršyklės langas, kuriame pasirinktas stiliaus išankstinis nustatymas taikomas nurodytam puslapiui.

Pastaba

Peržiūros URL yra nuolatinis ir autentifikuotas. Todėl galite nukopijuoti, įklijuoti ir nusiųsti jį kitiems autentifikuotiems bendradarbiams peržiūrėti prieš nustatydami jį kaip "aktyvų" 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 stiliaus išankstinį nustatymą, gali būti naudinga palikti peržiūros naršyklės langą atidarytą atskirame naršyklės lange, kad galėtumėte greitai patikrinti pakeitimus. 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 pasirinktinio stiliaus išankstinį nustatymą svetainių kūrimo priemonėje, atlikite šiuos veiksmus:

  1. Kairiojoje jūsų svetainės naršymo srityje eikite į Svetainės parametrai > Dizainas.
  2. Išankstinės stiliaus parinktys skirtuke dizaino rengyklės viršuje, komandų juostoje, pasirinkite Nauja išankstinė parinktis.
  3. Įveskite naujos išankstinės parinkties pavadinimą ir aprašą ir pasirinkite Įrašyti. Sukuriate naują tinkinamą išankstinį nustatymą, kuris naudoja numatytąsias temos reikšmes kaip pradinį tašką.

Pastaba

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 yra visuotiniai stiliaus kintamieji. Pavyzdžiuose yra pirminės svetainės spalvos, numatytieji šrifto stiliai ir mygtukų stiliai. Nustatydami visuotinius kintamuosius, galite keisti daugelio skirtingų modulių tipų išvaizdą.

Kai kurios stiliaus reikšmės gali būti unikalios modulio tipui arba pasirinktinai perrašyti numatytąją visuotinę reikšmę. Jei svetainės temoje įdiegti modulio tipo stiliaus kintamieji, svetainių kūrimo priemonės autoriai gali tinkinti modulio tipo stilių nepriklausomai nuo visuotinių parametrų. Modulio tipo kintamieji gali padidinti arba perrašyti visuotino stiliaus kintamuosius temoje.

Pastaba

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 pakeisti stiliaus išankstinio nustatymo visuotines arba modulio tipo reikšmes svetainių daryklėje, atlikite šiuos veiksmus:

  1. Kairiojoje jūsų svetainės naršymo srityje eikite į Svetainės parametrai > Dizainas.
  2. 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į.
  3. 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ą.
  4. Išankstinės parinkties doroklyje, viršutiniame dešiniajame kampe, pasirinkite Redaguoti.
  5. Norėdami pakeisti kai kurias visuotino stiliaus vertes, naudokite stiliaus kintamųjų valdiklius.
  6. Redaktoriaus viršuje, skirtuke Moduliai , esančiame skirtuko Visuotinis dešinėje, pasirinkite modulio tipą, kurį norite stilizuoti.
  7. Naudokite stiliaus valdiklius, kad pakeistumėte kai kurias modulio tipo vertes.
  8. Kai esate pasiruošę peržiūrėti savo keitimus, pasirinkite Įrašyti komandų juostoje.
  9. 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.
  10. Kai visi pakeitimai bus baigti ir patvirtinti, viršutiniame dešiniajame redaktoriaus kampe pasirinkite Baigti redagavimą .

Pastaba

Jei redaguojate šiuo metu svetainėje aktyvų stiliaus nustatymą, redagavimo priemonėje matysite 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 stiliaus išankstinį nustatymą kaip aktyvų išankstinį nustatymą 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šankstinio nustatymo stiliaus reikšmės aktyvios visoje viešojoje svetainėje.

Papildomi ištekliai

Logotipo įtraukimas

Pasirinkti svetainės temą

Darbas su CSS perrašymo failais

Įtraukti parankinių piktogramą

Įtraukti informaciją apie autorių teises

Kalbų įtraukimas į savo svetainę

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

  • Last updated on