Divi Modul egyéni CSS-választók
A Divi Module Custom CSS Selectors egy hatékony bővítmény, amelyet a Divi témához fejlesztettek ki. A Divi Module Custom CSS Selectors kibővíti az egyes Divi Builder modulok Speciális lapján elérhető egyéni CSS választók számát. A beépülő modul felgyorsítja a fejlesztési időt azáltal, hogy lehetővé teszi a fejlesztő számára, hogy megkerülje a bonyolult CSS-írást és médialekérdezéseket.
Gyors linkek #
- Látogassa meg a Divi Module Custom CSS Selectors oldalát itt .
- Látogassa meg a Divi Module Custom CSS Selectors változásnaplóját itt .
Leírás #
A Divi Module Custom CSS Selectors beépülő modul számos új választót ad az Egyéni CSS-beállításokhoz a Divi Builder egyes moduljainak Speciális lapján. Ahelyett, hogy a semmiből írná a CSS-t, a böngésző fejlesztői eszközeivel a kiválasztók azonosítására és tesztelésére, a Divi Module Custom CSS Selectors beépülő modul hozza meg a kiválasztókat.
A beépülő modul összesen több mint 500 új választót ad a Divi Builderhez. A kiválasztók alapértelmezett számának bővítése azonnali hozzáférést biztosít az egyes modulok egyes elemeihez. Mindegyik választó a reszponzív webdizájnt is figyelembe veszi, és stílusbeállításokat is tartalmaz táblagépekhez és mobileszközökhöz, így nincs szükség médialekérdezések stíluslapra írására. A Divi Module Custom CSS Selectors beépülő modul könnyű, és nem lesz különbség a webhely sebességében. A Divi beépített sebességoptimalizálóival párosulva az összes egyéni CSS-t kombinálják, kicsinyítik és statikus CSS-fájlként tárolják a gyorsabb oldalbetöltés érdekében.
Követelmények #
- Saját hosztolt WordPress telepítés
- Divi Theme vagy Divi Plugin az Elegant Themes 4.12.0 és újabb verzióitól
- PHP 7.3 vagy újabb verzió
TIPP
A Divi Module Custom CSS Selectors Plugin működéséhez telepítenie kell a Divi vagy a Divi Builder alkalmazást az Elegant Themes alkalmazásból. Ha nincs meg akkor vásároljunk itt .
Főbb jellemzők #
- Adjon hozzá további választókat minden modulhoz a Divi Builder Advanced Custom CSS lapján
- Stílusos modulok gyorsan és hatékonyabban bonyolult kód használata nélkül
- Adjon hozzá mobil és táblagép stílust az egyes modulelemekhez
Telepítési szám
A Divi Module Custom CSS Selectors beépülő modul telepítése a bővítmények menüjén keresztül történik. A beépülő modul telepítése után egy új menüpontot hoz létre a Divi menüben.
JEGYZET
Ehhez a bővítményhez előbb telepíteni kell a Divi témát vagy a Divi Builder beépülő modult. A Divi Module Custom CSS Selectors beépülő modul telepítése előtt ellenőrizze, hogy telepítette-e ezen opciók valamelyikét.
A Divi Module Custom CSS Selectors beépülő modul telepítéséhez lépjen a Plugin menübe, és kattintson az Új hozzáadása gombra. Kattintson a Fájl kiválasztása gombra, és válassza ki a beépülő modul .zip fájlját a számítógépéről. Ha a beépülő modult kiválasztotta, kattintson a Telepítés most gombra.
![Divi Module egyéni CSS-választók - Dokumentáció - Telepítés - Feltöltési bővítmény](https://i0.wp.com/docs.divi.space/assets/images/module-css-01-ada6cf1d54f1a780c6324a478d3229ca.jpg?w=1080&ssl=1)
Várja meg, amíg a telepítés befejeződik, majd kattintson az Aktiválás gombra.
![Divi Modul egyéni CSS-választók – Dokumentáció – Telepítés – Beépülő modul aktiválása](https://i0.wp.com/docs.divi.space/assets/images/module-css-02-8918c06547e2dcecc85e00d1d2e05f58.jpg?w=1080&ssl=1)
Amint a beépülő modul aktiválva van, létrehoz egy saját menüpontot a Divi menüben.
![Divi Modul egyéni CSS-választók - Dokumentáció - Telepítés - Beépülő modul menü](https://i0.wp.com/docs.divi.space/assets/images/module-css-03-32907181df2c0aa404591d8d0da0323b.jpg?w=1080&ssl=1)
A beépülő modul menüjére kattintva meg kell adnia a licenckulcsot. Ez megtalálható a Divi Space fiókjában. Jelentkezz be a fiókodba
- Kattintson a Tagság részletei fülre, keresse meg a Divi Module Custom CSS Selectors beépülő modult vagy az élettartamra szóló vagy éves tagságot, majd kattintson a Teljes részletek megtekintése lehetőségre. Másolja ki a licenckulcsot, térjen vissza webhelyére, és illessze be a szövegmezőbe. Kattintson a Folytatás gombra.
- Vagy ha nem tag, lépjen a licencek lapra, keresse meg a terméket, másolja ki a licenckulcsot, térjen vissza webhelyére, és illessze be a szövegmezőbe. Kattintson a Folytatás gombra.
![Divi Modul egyéni CSS-választók - Dokumentáció - Telepítés - Licenckulcs](https://i0.wp.com/docs.divi.space/assets/images/module-css-04-2f33e7fb8bfdffdb3b1c80c8d5fceb24.jpg?w=1080&ssl=1)
Miután engedélyezte a licenckulcsot, automatikusan át lesz irányítva a beépülő modul irányítópultjára.
Beállítás #
A Divi Module Custom CSS Selectors beépülő modulnak nincsenek beállítási lépései vagy konfigurációs beállításai. A beépülő modul irányítópultja információkat nyújt a bővítményről.
A Névjegy lap információkat tartalmaz a beépülő modulról, beleértve a CSS-mezők rövid leírását és használatukat. Vannak linkek külső forrásokhoz is.
![Divi Modul egyéni CSS-választók - Dokumentáció - Beállítás - Beépülő modulok irányítópultja fő](https://i0.wp.com/docs.divi.space/assets/images/module-css-05-0070f9974ab1cae4bf01bc8c7c111bbe.jpg?w=1080&ssl=1)
Az Addon Tab számos megvásárolható Divi beépülő modult és gyermektémát mutat be.
![Divi Modul egyéni CSS-választók - Dokumentáció - Telepítés - Beépülő modul-műszerfal kiegészítés](https://i0.wp.com/docs.divi.space/assets/images/module-css-06-d713ff7160f2b08076d928fb978b60b9.jpg?w=1080&ssl=1)
A Licenckulcs lap tárolja a licenckulcsot.
A # beépülő modul használata
A beépülő modul telepítése után használatra kész. A bővítmény használatának megkezdéséhez hozzon létre egy új oldalt, bejegyzést vagy projektet, és inicializálja a Divi Buildert. Miután hozzáadott egy modult, kattintson a Speciális fülre.
![Divi Module egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Speciális lap](https://i0.wp.com/docs.divi.space/assets/images/module-css-07-133ed896a8df0c16d192d0bbe86641da.jpg?w=1080&ssl=1)
A Speciális lapon kattintson az Egyéni CSS legördülő menüre.
![Divi Module egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Egyéni CSS-lap](https://i0.wp.com/docs.divi.space/assets/images/module-css-08-a25910ef767414c75313c2ee3205ca21.jpg?w=1080&ssl=1)
Itt találja a szabványos egyéni CSS-választókat, kezdve az Előtte, Main Element és After elemekkel.
![Divi Modul egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Egyéni CSS-beállítások](https://i0.wp.com/docs.divi.space/assets/images/module-css-09-9648c73faad57c97eb58cfe2b2968633.jpg?w=1080&ssl=1)
Lefelé görgetés közben néhány szabványos választó jelenik meg, majd újak gyűjteménye. A Divi Module Custom CSS Selectors beépülő modul több új választót ad a Divi Builder egyes moduljaihoz.
![Divi Modul egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Új kiválasztók](https://i0.wp.com/docs.divi.space/assets/images/module-css-10-65e29f6b1a2b913be1cfc13303a00fd8.jpg?w=1080&ssl=1)
Például alapértelmezés szerint a blur modul a következő választókkal rendelkezik:
- Elmosódott kép,
- Blurb Cím és
- Elmosódott tartalom
A Divi Module Custom CSS Selectors beépülő modul telepítésével és aktiválásával a következő szelektorok jelennek meg:
- Blurb Container,
- Blurb Leírás és
- Elmosódás ikon
CSS írásakor az adott szelektor megcélzásával pontosan testreszabhatja a kívánt elemet.
![Divi Module egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Stílussal](https://i0.wp.com/docs.divi.space/assets/images/module-css-11-b5efb1646c5dbc65191737bc8519d07c.jpg?w=1080&ssl=1)
Ezekkel az új választókkal azt is eldöntheti, hogy az egyes elemek hogyan jelenjenek meg a különböző eszközökön. A reszponzív stílus beállításához vigye az egérmutatót a választó nevétől jobbra lévő szóköz fölé, és egy sor opciót fog látni. Kattintson a második ikonra, a mobil ikonra.
![Divi Module egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Eszközök](https://i0.wp.com/docs.divi.space/assets/images/module-css-12-a82e4be72418eeac9ea0c86fcf0f8c09.jpg?w=1080&ssl=1)
Ezután megjelennek az asztali számítógép, a táblagép és a mobil lehetőségek. Kattintson a másik eszközre, és adja meg a CSS-stílust a választóhoz.
![Divi Modul egyéni CSS-választók - Dokumentáció - A beépülő modul használata - Tablet](https://i0.wp.com/docs.divi.space/assets/images/module-css-13-9dddb73ae270bd4eda5f7503d85ad26f.jpg?w=1080&ssl=1)
A Divi Module egyéni CSS-választók eltávolítása #
A Divi Module Custom CSS Selectors beépülő modul eltávolításához kövesse az alábbi lépéseket:
- Lépjen a Plugins irányítópultra.
- Inaktiválja a Divi Module Custom CSS Selectors beépülő modult a bővítmények listájában.
- Törölje a Divi Module Custom CSS Selectors beépülő modult a bővítmények listájából.
A beépülő modul eltávolítása után az összes Divi Module Custom CSS Selectors választó törlődik.
További információ és támogatás #
Ha egy modulelemet próbál megcélozni, és nem látja az Egyéni CSS-beállítások között, kérjük, lépjen kapcsolatba velünk.
Ha problémákat tapasztal a Divi Module Custom CSS Selectors beépülő modullal, elkötelezett ügyfélszolgálati csapatunk készen áll a segítségére. Íme néhány lépés, amellyel felgyorsíthatja a hibaelhárítási eljárást: mielőtt kapcsolatba lépne az ügyfélszolgálattal .
Ha nem találja ott, amire szüksége van, forduljon hozzánk segítségért.
Segítségre van szüksége a testreszabáshoz, vagy hasonló termékeket szeretne vásárolni? Ha úgy érzi, hogy teljesen professzionális megjelenést kell adnia webhelyének, vagy egyszerűen nincs ideje saját maga elkészíteni, lépjen kapcsolatba velünk a divi.space címen, vagy küldjön egy e-mailt a support@divi.space címre , hogy tájékozódhasson aktuális díjainkról .
Ha megtetszenek termékeink, és szeretne hasonló bővítményeket vásárolni, látogasson el üzletünk oldalára .
Változásnapló #
Tekintse meg a Divi Module Custom CSS Selectors beépülő modul változásnaplóját, ha követi ezt a hivatkozást .
0 hozzászólás