Divi Toolbox

A Divi Toolbox egy Divi-hez készült kiegészítő bővítmény, amely a tipikus „ehhez egy kis CSS/PHP/JS kellene” feladatokat kattintgatós beállításokra cseréli. Egy helyen kezeli a Divi gyakori hiányosságait: fejléc- és mobilmenü-finomhangolás, lábléc-megoldások, blogelrendezések, előtöltő, popupok, részecskés hátterek és mikróinterakciók. Így elkerülheted a sok apró plugin használatát és a kézi kódolást, gyorsabban haladsz és kevesebb a hibalehetőség.

Hogyan működik?

Aktiválás után a beállítások két helyen érhetők el:
a Divi menüben (Divi → Divi Toolbox), logikus funkciócsoportokra bontva,
és a Theme Customizerben (Divi → Theme Customizer → Divi Toolbox) élő előnézettel.

A bővítmény kizárólag Divivel működik. Teljesítmény-tudatos: csak a bekapcsolt funkciókhoz tölti be az egységes CSS/JS fájlt, az extra effektekhez (Particles, Parallax Scroll, 3D tilt) szükséges kód pedig csak akkor aktiválódik, ha valóban használod.

Admin és rendszer funkciók

Lehetőséged van a WordPress login oldal teljes márkázására (logó, színek, háttér), a Divi Library elrendezések shortcode-ként való használatára, valamint a Divi Projects poszttípus elrejtésére vagy átnevezésére. Engedélyezhető az SVG és egyedi betűtípusok feltöltése is, külön technikai bővítmények nélkül.

Globális UI és látványelemek

A Divi Toolbox tartalmaz előtöltőt (preloader), Divi Library-ből épített popupokat (legfeljebb öt aktív), kibővített közösségi ikonokat, sticky elemeket, egységes jelszóval védett űrlapstílust, részecskés háttereket és egyedi görgetősávokat. Ezek az elemek egyszerű kapcsolókkal aktiválhatók.

Fejléc és navigáció

Fejlett menü-animációk, logó- és árnyékváltás fixált fejlécnél, kiemelt CTA gomb a navigációban, átfedő logó, egyedi sticky header és Divi Library szekciók beszúrása a menü elé vagy mögé is elérhető. Mindez kódolás nélkül teszi egyedivé a fejléc viselkedését.

Lábléc és widgetek

Bekapcsolható sticky footer és footer reveal effekt, testreszabható „Vissza az elejére” gomb, valamint rugalmas widget- és Library-alapú láblécelrendezések alakíthatók ki.

Mobil fejlesztések

A mobilnézet finomhangolásához külön breakpoint- és böngészőszín-beállítások érhetők el. Létrehozhatsz fix mobil menüsávot, választhatsz több mint húsz nyitási/zárási animációból és kilenc hamburger ikonból, cserélheted a mobil logót, valamint összehúzható almenüket, mobil parallaxot és oszlopszám-váltást használhatsz a jobb olvashatóságért.

Blog és archívum funkciók

Kilenc előre elkészített bloglista-elrendezés áll rendelkezésre, kezelhetők a metaadatok ikonokkal, szabályozható vagy eltüntethető az oldalsáv, testreszabható a „Read more” gomb, valamint bekapcsolható szerződoboz, kapcsolódó bejegyzések, előző/következő navigáció és egységes kommentdizájn.

Modul-kiegészítések

Extra vizuális és UX funkciók érhetők el Divi modulokhoz: egérkövető overlay galériákhoz, inline email optin, gépelés-effekt, 3D tilt, kártyamagasság-kiegyenlítés (pl. blurbs, pricing táblák), térképpin-csere, másodlagos gombstílusok, animált accordion/toggle ikonok és egyszerű parallax sebességek.

Gyakorlati felhasználási példák

Ügynökségi sablonoknál egységes mobilmenü, hamburger animáció és blogelrendezések állíthatók be, majd exportálhatók. Kampányoknál Divi Library-ben készült kuponos popup jeleníthető meg külön popup-plugin nélkül. Blogoknál szerződoboz és kapcsolódó bejegyzések javítják az olvashatóságot, webshopoknál pedig a mobilmenübe integrált kereső és kosár gyorsabb navigációt ad.

Telepítés és licencelés

A bővítmény feltöltéssel telepíthető és aktiválható. A frissítésekhez API-kulcs megadása szükséges. A beállítások jól elkülönülő csoportokba rendezve érhetők el: Admin, Global, Header, Footer, Blog, Mobile, Modules.

Előnyök és értékajánlat

A Divi Toolbox csökkenti a pluginok számát, kiváltja a sok apró egyedi kódot, gyorsítja a fejlesztést élő előnézetes beállításokkal, konzisztens arculatot biztosít több projektben, és csak a szükséges erőforrásokat tölti be.

Kinek ajánlott?

Ügynökségeknek és szabadúszóknak, akik skálázható Divi-setupot akarnak, egyéni weboldal-tulajdonosoknak, akik látványos UX-elemeket szeretnének kód nélkül, tartalomközpontú oldalaknak professzionális blogmegoldásokhoz, valamint Divi fejlesztőknek, akik csökkentenék a karbantartási terhet.

Bevált gyakorlatok és korlátok

Csak Divivel használható. Ideális új projektek indításakor, mert meglévő nagy mennyiségű egyedi CSS mellett ütközések adódhatnak. Haladó sablonfájl-módosításokhoz továbbra is érdemes child theme-et használni.