Jaa


Työskentely CSS-korvaustiedostojen kanssa

Tässä artikkelissa kerrotaan, miksi, milloin ja miten CSS-tyylisivuja (CSS) käytetään ohittamaan tiedostot Microsoft Dynamics 365 Commercessa.

Pysyviä sivustotyylejä tulisi yleensä käsitellä sivuston teemalla. Teemat sisältävät perus-CSS- ja tyyliasetuksia mille tahansa sivustosi sivulla oleville moduuleille. Teemat luodaan käyttämällä Dynamics 365 Commerce online Software Development Kit (SDK) -pakettia, ja ne otetaan käyttöön sivustoillesi Microsoft Dynamics Lifecycle Servicesin (LCS) kautta. SDK-ohjesivuston kehittäjien teeman virheenkorjausominaisuudet ja moduuliliittymän määritykset luovat mukautettavia ja yhtenäisiä sivustonsuunnittelupaketteja. Kun nämä suunnittelupaketit otetaan käyttöön sivustossa, sivuston tekijät voivat keskittyä sisällön luomiseen, muokkaamiseen ja julkaisemiseen sivuston kehittämisen sijasta.

Teeman tavanomaisen elinkaaren vuoksi riippuvuus kehittäjistä tekee tyylimuutoksia SDK:n ja LCS-käyttöönottoputken kautta voi joissakin tilanteissa olla esteenä. Sivuston prototyypit tai hotfix-korjaukset voivat tuntua hankalilta, jos SDK:ta ei ole määritetty tai jos sinulla ei ole aikaa odottaa LCS-käyttöönottoa.

Näissä tilanteissa tiedostojen CSS-korvaaminen voi auttaa. Todennetut käyttäjät voivat ladata CSS-tiedoston Commercen julkaisutyökalujen avulla, esikatsella sitä ja aktivoida sen ja ohittaa sivuston teeman. SDK- tai LCS-käyttöönoton yleiskustannuksia ei tarvita. CSS-ohitustiedostossa määritetyt ohitukset voivat olla yhtä pieniä kuin yksittäisen tekstityylin muutos tai laaja-alainen koko tuotemerkin tarkistaminen.

Ennen kuin käytät CSS:n ohitustiedostoja, huomaa seuraavat rajoitukset:

  • Vain yksi CSS-ohitustiedosto voi olla aktiivisena sivustossa kerrallaan. Siksi kaikkien aktiivisten ohitusten on oltava yhdessä ohitustiedostossa.
  • Vaikka voit esikatsella ohituksia Commerce julkaisutyökaluissa, siinä ei ole erityisiä virheenkorjausominaisuuksia, jotka auttavat tunnistamaan mahdolliset virheet, joita ohittaa. Toisin sanoen, kun käytät CSS:n ohitustiedostoja, sinulla ei ole samaa työkalujoukkoa, jonka SDK tarjoaa moduulin ja sisällönluonnin validointiin.

CSS-ohitustiedostot ovat kuitenkin nopea tapa suunnitella mallin prototyyppi tai toteuttaa hotfix-korjaus, ennen kuin täydellinen teemapäivitys on kehitetty ja otettu käyttöön.

Luo CSS-ohitustiedosto

Voit luoda CSS-ohitustiedoston käyttämällä mitä tahansa integroitua kehitysympäristöä (IDE), tekstieditoria tai lähdekoodieditoria. Tyypillinen lähestymistapa on käyttää tavallisia verkkovirheenkorjaajia selaimessasi tunnistamaan tyylin valitsimet, ominaisuudet ja arvot nykyisessä sivustossa. Useimpien selainten avulla voit muuttaa arvoja ja esikatsella niitä virheenkorjaajassa. Kun olet määrittänyt muutokset, jotka haluat tehdä, voit tallentaa ne omaan CSS-tiedostoosi.

Lataa CSS-ohitustiedosto

Jos haluat ladata CSS-tiedoston sivustoon Commerce-sivustossa, toimi seuraavasti.

  1. Siirry muokkaustyökaluissa sivustoon.

  2. Valitse vasemmanpuoleisessa siirtymisruudussa Rakenne.

    Muistiinpano

    Voit joutua laajentamaan siirtymisruudun asetukset, ennen kuin voit valita Rakenne käyttämäsi Commercen julkaisutyökalujen mukaan.

  3. Valitse päärakenneruudun yläosassa CSS-ohitus-välilehti, jos se ei ole jo valittuna.

  4. Valitse Käytettävissä olevat CSS-ohitukset -kohdasta Lataa CSS-tiedosto. Näyttöön tulee Resurssienhallinta-ikkuna.

  5. Selaa Resurssienhallintaa ja valitse CSS-tiedosto ja valitse sitten Avaa. Ladattu CSS-tiedosto näkyy nyt Käytettävissä olevat CSS-ohitukset -kohdassa.

CSS-ohitustiedoston esikatseleminen

Voit esikatsella CSS-ohitustiedostoa, ennen kuin teet sen aktiiviseksi sivustoosi, toimimalla seuraavasti.

  1. Valitse vasemmalla olevasta siirtymisruudusta Rakenne ja etsi sitten CSS-ohitus-välilehdellä Käytettävissä olevat CSS-ohitukset -kohdasta CSS-tiedosto, jota haluat esikatsella.
  2. Valitse CSS-tiedoston nimen vierestä Esikatsele sivusto.
  3. Valitse Valitse URL-osoite -valintaikkunasta sen sivuston URL-osoite, jonka ohituksen haluat nähdä, ja valitse sitten OK.
  4. Jos valitulle URL-osoitteella on useita variantteja, valitse haluamasi variantti näkyviin tulevasta Esikatseluvariaatiot-valintaikkunasta.

Uusi selainvälilehti tai -ikkuna avautuu, jossa voit tarkistaa tyyliisi ohitukset sivustoosi nähden. Voit sitten jakaa URL-osoitteen muiden todennettujen Commerce-käyttäjien kanssa tarkistusta ja palautetta varten.

Aktivoi CSS-ohitustiedosto live-sivustossasi

Kun olet esikatselut ja hyväksynyt CSS-ohitustiedoston, voit aktivoida sen live-sivustossa.

Muistiinpano

Vain yksi CSS-ohitustiedosto voi olla aktiivisena kerrallaan sivustossasi. Jos aktivoit uuden ohitustiedoston, aiempi ohitustiedosto poistetaan käytöstä. Varmista siksi, että kaikki pakolliset ohitukset ovat yksittäisessä CSS-ohitustiedostossa.

Voit aktivoida CSS-ohitusasiakirjan seuraavien vaiheiden avulla.

  1. Valitse vasemmalla olevasta siirtymisruudusta Rakenne ja etsi sitten CSS-ohitus-välilehdellä Käytettävissä olevat CSS-ohitukset -kohdasta CSS-tiedosto, jonka haluat aktivoida.
  2. Valitse CSS-tiedoston nimi -kohdasta Aktivoi. Ohitustiedosto aktivoituu välittömästi live-sivustossa.

Poista CSS-ohitustiedosto käytöstä live-sivustossasi

Voit poistaa CSS-ohitustiedoston käytöstä sivustossa seuraavasti.

  1. Valitse vasemmalla olevasta siirtymisruudusta Rakenne ja etsi sitten CSS-ohitus-välilehdellä Käytettävissä olevat CSS-ohitukset -kohdasta CSS-tiedosto, jonka haluat poistaa käytöstä.
  2. Valitse CSS-tiedoston nimi -kohdasta Poista aktivointi. Ohitustiedosto muuttuu passiiviseksi välittömästi live-sivustossa.

Vihje

Jos haluat käyttää lisäasetuksia CSS-ohitustiedostot-vaihtoehdolle, valitse kolme pistettä (...) CSS-tiedostonimen vieressä. Lataa-, Nimeä uudelleen, ja Korvaa-vaihtoehdoista on hyötyä aiemmin luodun CSS-ohitustiedoston nopeille muutoksille.

Lisäresurssit

Logon lisääminen

Sivuston aiheen valitseminen

Tyylin esiasetusten kanssa työskenteleminen

Fa ja senttien lisääminen

Tekijänoikeusilmoituksen lisääminen

Kielten lisääminen sivustoon

Komentosarjakoodin lisääminen sivusivuille telemetriaa varten