Divi Modul egyéni CSS-választók

Written by redzs

2022.01.06.

Kategóriák

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 #

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 #

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

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

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ü

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

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ő

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

A Licenckulcs lap tárolja a licenckulcsot.

# 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

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

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

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

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

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

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

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:

  1. Lépjen a Plugins irányítópultra.
  2. Inaktiválja a Divi Module Custom CSS Selectors beépülő modult a bővítmények listájában.
  3. 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

Egy hozzászólás elküldése

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

Wordpress TutoriálokDiviDivi Modul egyéni CSS-választók