Tyylien esimääritysten käyttäminen

Artikkeli
07/30/2024

Tässä artikkelissa käsitellään sivuston tyylin esiasetuksia Microsoft Dynamics 365 Commercen sivustotyökalussa.

Tyylin esimääritys on tallennettu joukko kaikkia sivuston teemaan tallennettuja tyyliarvoja. Sen avulla voidaan välittömästi muuttaa sivuston ulkoasua sivustonmuodostustyökalun avulla. Tyylien esimääritykset antavat Commercen sivustonmuodostustyökalun kirjoittajien muuttaa, esikatsella ja aktivoida tyyliarvoja koko sivustollaan ilman CSS-tyylisivuja (CSS) tai teemojen käyttöönottoa. Kirjasintyylit, painiketyylit ja sivuston värit ovat tyypillisiä esimerkkejä tyylimuuttujista, joita voidaan hallita tyylien esimääritysten avulla.

Sivustossa käytettävissä olevat tyylimuuttujat määräytyvät sivuston vuokralaiselle käyttöönotettavan teeman ja moduulikirjaston mukaan. Dynamics 365 Commerce Online Software Development Kit (SDK) sallii kehittäjien toteuttaa niin monta (tai vähän) kirjoitettavaa tyylimuuttujaa kuin ne vaativat tietylle teemalle. Ottamalla käyttöön lisää tyylimuuttujia teeman kehittäjä voi tehdä lopullisia valintoja sivustotyyleistä sivustonmuodostustyökalun tekijöiden käsiin. Tämän vuoksi muut kuin kehittäjät voivat päivittää ja esikatsella sivustotyylejä käyttämällä työkalusarja-toimintoa. Ominaisuus on hyödyllinen myös kaikissa tilanteissa, joissa suorat muutokset teemoihin tai CSS:ssään aiheuttavat tarpeettomia yleiskustannuksia.

Teemat, joissa kirjoitettavat tyylimuuttujat on otettu käyttöön, edellyttävät oletusarvon mukaista tyylin esimääritystä. Ne voivat valinnaisesti lisätä valmiiksi määritettyjä asetuksia osana käyttöönotettua teemapakettia. Voit esimerkiksi ottaa käyttöön teeman, jossa on yksi oletusarvoinen "moderni valo" -tyylin esimääritys. Vaihtoehtoisesti se voi olla myös muita oletusasetuksia, kuten "moderni tumma", "vintage-valo" tai "vintage tumma". Nämä sisäiset teeman esimääritykset ovat kehittäjien luomia, ja niitä voidaan käyttää uusien sivustomallien aloituspisteinä.

Sivustonmuodostimessa tekijät voivat valita teeman valmiiden esimääritysten joukosta, tai he voivat luoda omia tyylin esimäärityksiä ja mukautuksia käyttämällä käytössä olevien tyylien muuttujia. Tyylin esimääritys voidaan esikatsella sivustonmuodostimessa, ennen kuin se aktivoidaan Live-sivustossa. Kun tekijän tyylin muutokset on tarkistettu, tyylin esimäärityksen tilaksi voidaan määrittää "aktiivinen" Live-sivustossa.

Tyylin esimäärityksen esikatselu

Voit esikatsella sivuston tyylin esimääritystä sivustonmuodostimessa seuraavasti.

Siirry sivuston vasemmassa siirtymisruudussa kohtaan Sivuston asetukset > Suunnittelu.
Valitse muotoilueditorin yläosan tyylin esimääritykset -välilehdestä käytettävissä olevat esimääritykset -luettelosta haluamasi esimääritys ja esimääritys siirry sitten editoriin valitsemalla Näytä.

Jos käytettävissä olevat esimääritykset -luettelossa ei ole esiasetuksia, lisätietoja mukautettujen tyylien esimääritysten luomisesta on kohdassa mukautetun tyylin esimäärityksen luominen.

Muistiinpano

Teemaan sisältyvät esimääritykset osoitetaan sisäisellä merkillä. Nämä valmiit esimääritykset ovat vain luku -muotoisia. Jos haluat kopioida valmiin esimäärityksen uudeksi mukautetuksi esimääritykseksi, valitse esimääritykselle kolme pistettä sisältävä painike (...) ja valitse sitten Tallenna nimellä.
Valitse komentopalkissa Esikatsele.
Valitse sivuston URL-osoite, jota käytetään tyylin esimääritysten esikatseluun, ja valitse sitten OK.
Valitse esikatseltava kanava- ja kielikohtainen URL-variantti valitsemalla muuttujan nimi. Näyttöön avautuu uusi esikatseluselainikkuna, jossa valitun tyylin esimääritystä käytetään määritetylle sivulle.

Muistiinpano

Esikatselun URL-osoite on pysyvä ja todennettu. Tämän vuoksi voit kopioida, liittää ja lähettää sen tarkistettavaksi muille todennetuille työtovereille ennen kuin määrität sen aktiiviseksi Live-sivustoosi. Esikatselun URL-osoite on hyödyllinen myös eri laitteiden, eri selainten ja eri näyttöjen tyylien tarkistamiseen.

Vihje

Kun muokkaat tyylin esimääritystä, voi olla hyödyllistä jättää esikatseluselainikkuna auki erillisessä selainikkunassa, jotta voit tarkistaa tekemäsi muutokset nopeasti. Kun olet tallentanut muutokset esimäärityksiin, päivitä avoin esikatseluselainikkuna, jossa käyttäjäkokemus tarkistetaan.

Mukautetun tyylin esimäärityksen luominen

Luo mukautettu tyylin esimääritys sivustonmuodostimessa seuraavasti.

Siirry sivuston vasemmassa siirtymisruudussa kohtaan Sivuston asetukset > Suunnittelu.
Valitse suunnittelueditorin yläosan tyylin esimääritykset -välilehdestä Uusi esimääritys.
Kirjoita uuden esimäärityksen nimi ja kuvaus ja valitse sitten Tallenna. Luodaan uusi mukautettava esimääritys, joka käyttää teeman oletusarvoja lähtökohtana.

Muistiinpano

Voit myös luoda uuden mukautetun tyylin esimäärityksen mistä tahansa valmiista esimäärityksistä valitsemalla kolmen pisteen painikkeen (...) ja valitsemalla sitten Tallenna nimellä. Vaihtoehtoisesti, valitse Tallenna nimellä esimääritetyn editorin komentopalkissa.

Yleisten ja moduulityyppien tyylienarvojen muokkaaminen

Jotkin teeman tyylimuuttujat jaetaan useiden moduulityyppien kesken. Näitä tyylimuuttujia kutsutaan yleisiksi tyylimuuttujiksi. Esimerkkejä ovat ensisijaiset sivuston värit, oletusfonttityylit ja painiketyylit. Määrittämällä yleisiä muuttujia voit muuttaa ulkoasua useissa eri moduulityypeissä.

Jotkin tyyliarvot voivat olla moduulityypin yksilöiviä, tai niiden on ehkä halutessasi ohitettava yleinen oletusarvo. Jos sivuston teema on ottanut moduulityypin tyylimuuttujat käyttöön, sivustonmuodostimen käyttäjät voivat mukauttaa moduulityypin tyylin yleisasetuksista riippumatta. Moduulin tyyppimuuttujat voivat joko lisätä tai ohittaa teeman yleisiä tyylimuuttujia.

Muistiinpano

Sivuston tyyliarvojen hierarkia käyttäytyy seuraavalla tavalla. Kauemmaksi oikealle tulevat tyyliarvot ohittavat tyyliarvot niiden vasemmalla puolella.

Teeman oletusarvot < Yleiset tyyliarvot < Moduulityyppityyliarvot < CSS-ohitus

Jos haluat muuttaa tyylin esimäärityksen yleisiä tai moduulityypin arvoja sivustonmuodostimessa, toimi seuraavasti.

Siirry sivuston vasemmassa siirtymisruudussa kohtaan Sivuston asetukset > Suunnittelu.
Valitse suunnittelueditorin yläosan tyylin esimääritykset -välilehdestä Näytä, jos haluat siirtyä esimäärityseditoriin.
Valitse Esikatselu ja avaa sitten esimäärityksen koko selainikkunan esikatselu noudattamalla URL-osoitteen valintaohjeita. Jätä tämä esikatseluselainikkuna avoimeksi.
Valitse esimäärityseditorissa Muokkaa oikeassa yläkulmassa.
Editorin tyylimuuttuja-ohjausobjektien avulla voit muuttaa joitakin yleisiä tyyliarvoja.
Valitse editorin yläosassa Yleinen-välilehden moduulit-välilehdestä moduulityyppi, jonka on oltava tyylitelty.
Voit muuttaa joitakin moduulityypin arvoja tyyliohjausobjektien avulla.
Kun olet valmis esikatselemaan muutoksia, valitse komentopalkissa Tallenna.
Palaa avaa esikatseluselainikkunaan ja päivitä se. Koko selainikkunan esikatselu on kätevä tapa tarkistaa tyylin muutokset eri näkymän keskeytyskohdissa, eri selaimissa ja eri laiteympäristöissä.
Kun kaikki muutokset on tehty ja vahvistettu, valitse editorin oikeasta yläkulmasta valmis muokkaus.

Muistiinpano

Jos muokkaat sivustossa tällä hetkellä aktiivisena olevaa esimääritystä, editorissa näkyy sininen Aktiivinen-merkki. Tämä merkki ilmaisee, että esimääritys on tällä hetkellä toiminnassa sivustossasi. Jos muutat aktiivista esimääritystä, paina Julkaise-painiketta, jos haluat siirtää muutokset Live-sivustoosi.

Uuden tyylin esimäärityksen luominen Live-sivustossa

Jos haluat määrittää tyylin esimäärityksen sivuston uudeksi aktiiviseksi esimääritykseksi, toimi seuraavasti.

Valitse Aseta aktiiviseksi painikkeeksi jossakin seuraavista paikoista:
- Komentopalkki tyylin esimäärityseditorissa
- Kaikkien käytettävissä olevien esimääritysten valikko (...), jonka päänäkymässä on tyylin esimääritykset -välilehti kohdassa sivuston asetukset > suunnittelu

Esimääritysten tyyliarvot ovat aktiivisia julkisessa sivustossa.