Hogyan lehet átvinni a css plugin woocommerce stílusait a sablonodba?
Nézzük a szempontból könnyebb és nehezebb - az esztéták és mutassa több kódot, amelynek célja a logikus szervezet megjelenésének az áruház alapuló woocommerce plugin: (megjegyzés - csak a kód - pluginek nélkül most: hagyjuk a nehéz plugins vékonyabb funkcionális munka)
... Gyors előre karok mennyiségének szabályozására megjelöléssel ellátott árut, sorozat, stb ..., és véleményem szerint egy fontos adat - uberom configure / add űrlapmezőket, hogy kitöltse a rendelést az ügyfél, és - ha a célunk, hogy hozzon létre egy internetes áruház wordpress nulláról - valamit ...
... Kezdjük elkezdeni a koncertet:
A WordPress-ban való használatra hasznos dolgok készítéséhez a stílus ...
vigye a css wooc-ot a sablon könyvtárába
Azonnal azt mondom - logikusabb lesz, ha tanulmányozza a korábbi kiadványt a bolt létrehozásáról ... ott elmagyaráztam, miért célszerűbb ezt vagy a szervezeti adminisztratív lépéseket tenni ...
Tehát: a wordpress-áruház egyik példája megnézheti a honlapomat. ez természetesen nem teljes abban az értelemben, a Concept Store, hozza létre a butikok itt volt a cél, de még mindig gyakori az egyetértést megközelíti ... és elemezni téma felállítása üzlet alapján WordPress, csavarozott külső helyszínen: mindazonáltal az elv ugyanaz mindenhol ...
Tehát: az út 1.
Ha a woocommerce.css stílusokat fel szeretné venni a sablonból, a következő sorokat kell hozzáadnia a functions.php fájlhoz
Továbbá, hogy a woocommerce-layout.css stílusokat leolvashatja a sablonból, be kell regisztrálnia a következő sorokat a függvényfájlba ...
... most átirányítottuk a plugin alapvető stílusainak fejlesztését. Először is ez elegendő:
Ha csak tisztázni - a plugin azért történik így, hogy woocommerce.css mint a fő (oda összpontosított JS beállításokat is beleértve) és woocommerce-layout.css kiegészítő ...
Ez rövid. - Most már alaposan elvégezheti a vágást, és a folyamat során részletesebben megmásoljuk a tölteléket ...
Azok számára, akik alig várom, hogy helyesen rögzítsék mindent ...
Általánosságban elmondható, hogy a stílusok, a webhely könnyedségében, logikusabb kombinálni - egy közös fájlba, például - style.css.
Hogyan történik ez:
A funkciók a fájl meg kell szervezni egy másik ciklus kód, amelynek célja, hogy teljesen ki a plugin css-stílusok, hanem az, hogy egy általános inkvizítor fájl téma stílusok (mint tudjuk, az első kódok csak átirányítja fájlútvonalakat ...)
Valaki meg fogja keresni ezt a kódot:
... valaki megteheti a következőket: (mindez attól függ, hogy melyik témát sikeresen választotta ki))
... különben elakad a felesleges meta-sorokkal a forráskódban, lásd a fotókat (a képek kattinthatóak):
Miután letiltotta (kód: 2) a plugin stílusát, a stílusok betöltődnek a sablonból, de - a továbbirányítás ugyanazokkal a kódokkal történik: így a nem működő meta ...
És a legkellemetlenebb lesz a validator üzenete a css munkájának megszervezésével kapcsolatos hibáról: lesznek olyanok, mint "ilyen és ilyen css fájl van megadva, de nem található ..." bár a webhely működni fog ... Mindazonáltal - ez hiba!
... Egyszóval tiltsa le a "átirányítást", ha úgy dönt, hogy használja a második opciót!
Úgy kell kinéznie, mint a második kép: a meta stílusban a css woocommerce-layout.css és woocommerce.css fájlokat el kell távolítani.
Miért különítettem el a kódokat.
És mivel ... egyesek számára könnyebb előre konfigurálni a bolt stílusát, amikor a fájlok elválnak ... és a végleges kiadások után és összeolvadnak, jó, nincsenek nehézségek!
funkcionális-vizuális tárolási beállításokat a WooCommerce-en
Íme néhány hasznos kód a tároló számviteli funkcionális struktúrájának megszervezéséhez ...
A plug-in (tároló) vezérlőpaneljén lévő bizonyos beállítások nem ... talán finomabb irányítást mutatnak és megjelenhetnek a jövőben, de ahogyan azt mondják, a tudás nem felesleges a jelenben.