A CSS felülíró fájljainak használata

Cikk
05/28/2024

Ez a cikk leírja, hogy miért, mikor és hogyan kell használni a Cascading Style Sheets (CSS) felülíró fájlokat a Microsoft Dynamics 365 Commerce oldalon.

Az állandó webhelystílusokat általában a webhely témáján keresztül kell kezelni. A témák biztosítják az alapvető CSS- és stílusbeállításokat a webhely minden oldala esetén. A témák az Dynamics 365 Commerce online szoftverfejlesztői készlet (SDK) segítségével hozhatók létre, és a webhelyekre a Microsoft Dynamics Lifecycle Services (LCS) szolgáltatáson keresztül vannak telepítve. Az SDK téma-hibakeresés képességei és modulinterfész-konfigurációi segítenek a webhely fejlesztőinek testreszabható és összetartó webhelytervcsomagok létrehozásában. Ha ezeket a tervezési csomagokat egy webhelyre telepítik, a webhelykészítők a tartalom webhelyfejlesztés helyett a tartalom létrehozására, szerkesztésére és közzétételére összpontosíthatnak.

Tekintettel egy téma szokásos életciklusára, a függőség a fejlesztőktől, hogy elvégezzék a stílusváltoztatásokat SDK- és LCS-telepítési folyamaton keresztül, bizonyos esetekben akadályozó tényező lehet. A webhely prototípusai és gyorsjavításai nehézkesnek tűnhetnek, ha az SDK nincs konfigurálva, vagy nincs ideje megvárni az LCS telepítését.

Ezekben az esetekben a CSS felülbírálási fájljai segíthetnek. A Commerce szerzői eszközeiben a hitelesített felhasználók feltölthetnek egy CSS fájlt, megtekinthetik az előnézetét, majd aktiválhatják a webhely témájának felülbírálásához. Az e feletti SDK- vagy az LCS-telepítésre nincs szükség. A CSS felülírási fájlban megadott felülírások lehetnek olyan kicsik, mint egy szövegstílus módosítása vagy olyan széles körűek, mint a teljes márka átalakítása.

A CSS felülíró fájlok használata előtt vegye figyelembe a következő korlátozásokat:

Egyszerre csak CSS felülíró fájl lehet aktív a webhelyen. Ezért az összes aktív felülírásnak fájlnak egyetlen felülíró fájlban kell lennie.
Bár megtekintheti a felülírásokat a Commerce szerzői eszközeiben, nincs dedikált hibakereső funkció, amely segít azonosítani a felülírási hibákat. Más szavakkal, ha CSS felülírási fájlokat használ, akkor nem ugyanazzal a eszközkészlettel rendelkezik, mint amit az SDK a modul- és a szerzői érvényesítéshez biztosít.

Mindazonáltal a CSS felülbíráló fájlok segítségével gyorsan elkészítheti egy terv prototípusát vagy végrehajthat egy gyorsjavítást a teljes téma frissítésének kifejlesztése és telepítése előtt.

CSS felülíró fájl létrehozása

CSS felülírási fájl létrehozásához használhat bármilyen integrált fejlesztőkörnyezetet (IDE), szövegszerkesztőt vagy forráskód-szerkesztőt. A szokásos megközelítés szerint a böngészőben szabványos webes hibakeresőjének segítségével azonosíthatja a stílusválasztókat, tulajdonságokat és értékeket a meglévő webhelyen. A legtöbb böngésző lehetővé teszik az értékek módosítását és a hibakeresőben való előnézetét. Miután azonosította a kívánt változtatásokat, mentheti azokat a saját CSS fájljába.

CSS felülírási fájl feltöltése

Ha fel szeretne tölteni egy CSS fájlt a webhelyére a Commerce alkalmazásban, kövesse az alábbi lépéseket.

A szerkesztési eszközökben nyissa meg a webhelyét.
A bal oldali navigációs ablakban válassza ki a Terv lehetőséget.

Bankjegy

A használt Commerce szerkesztési eszközök verziószámától függően előfordulhat, hogy ki kell bontania a Beállítások lehetőséget a navigációs ablaktáblán, mielőtt kiválasztaná a Terv lehetőséget.
A fő tervezőablak tetején jelölje ki a CSS felülírás lapot, ha még nincs bejelölve.
A Rendelkezésre álló CSS felülírások alatt válassza a CSS fájl feltöltése lehetőséget. Megjelenik egy fájlkezelő ablak.
A fájlkezelő programban tallózással keresse meg és válassza ki a CSS fájlt, majd kattintson a Megnyitás lehetőségre. A feltöltött CSS fájl most már a Rendelkezésre álló CSS felülírások alatt jelenik meg.

CSS felülírási fájl előnézetének megtekintése

A CSS felülírási fájl előzetes megtekintéséhez kövesse az alábbi lépéseket, mielőtt aktiválná az éles webhelyén.

A bal oldali navigációs ablaktáblán válassza ki a Terv elemet, majd a CSS felülírása lapon, a Rendelkezésre álló CSS felülírások alatt keresse meg az előzetesként megtekinteni kívánt CSS-t.
A CSS fájlnév mellett válassza ki a Webhely előnézete lehetőséget.
A Válasszon egy URL-t párbeszédpanelen válassza ki annak a webhelynek az URL-címét, amelyre alkalmazni szeretné a felülírást, majd kattintson az OKgombra.
Ha a kiválasztott URL-címnek több változata van, válassza ki a kívánt változatot a megjelenő Előnézet változatai párbeszédpanelen.

Egy új böngésző fül vagy ablak nyílik meg, ahol érvényesítheti a stílusfelülírásokat a webhelyen. Az URL-címet megoszthatja más hitelesített Commerce-felhasználókkal véleményezés és visszajelzés céljából.

A CSS felülírási fájl aktiválása az élő webhelyen

Miután megtekintette és jóváhagyta a CSS felülbíráló fájlt, aktiválhatja azt az éles webhelyen.

Bankjegy

Egyszerre csak egy CSS felülíró fájl lehet aktív a webhelyen. Ha aktivál egy új felülírási fájlt, az előző felülírási fájl inaktiválódik. Ezért győződjön meg arról, hogy minden szükséges felülírás megtalálható egyetlen CSS felülírási fájlban.

Egy CSS felülírási fájl aktiválásához kövesse az alábbi lépéseket.

A bal oldali navigációs ablaktáblán válassza ki a Terv elemet, majd a CSS felülírása lapon, a Rendelkezésre álló CSS felülírások alatt keresse meg az előzetesként megtekinteni kívánt CSS-t.
A CSS fájlnév alatt válassza ki az Aktiválás lehetőséget. A felülíró fájl azonnal aktívvá válik az éles webhelyen.

A CSS felülírási fájl deaktiválása az élő webhelyen

A webhelyén lévő CSS felülíró fájlok inaktiválásához kövesse az alábbi lépéseket.

A bal oldali navigációs ablaktáblán válassza ki a Terv elemet, majd a CSS felülírása lapon, a Rendelkezésre álló CSS felülírások alatt keresse meg az inaktiválni kívánt CSS-t.
A CSS fájlnév alatt válassza ki az Inaktiválás lehetőséget. A felülíró fájl azonnal inaktívvá válik az éles webhelyen.

Tipp

Az CSS felülíró fájlok további beállításainak eléréséhez jelölje ki a három pontot (...) a CSS fájl neve mellett. A Letöltés, Átnevezés és Csere beállítások hasznosak a meglévő CSS felülíró fájlok gyors módosításnál.