Divi Toolbox je plugin který do Divi přidává mnoho nových efektů, které běžně vyžadují CSS, JavaScript, PHP nebo mnoho jednotlivých pluginů. Efekty se snadno používají, přizpůsobují a dávají své Webové stránky Dejte extra jiskru, abyste vynikli z davu.

Mezi efekty patří změny na celém webu, nová mobilní menu, pozadí částic, zápatí, widgety, styly, animace, záhlaví, navigace, nová rozvržení blogu, Prezentace Divi na nových místech, přizpůsobení přihlašovací obrazovky, vyskakovacích oken atd. Mnoho funkcí lze přizpůsobit novými přírůstky do přizpůsobovače motivů. Sada Divi Toolbox nefunguje s doplňkem Extra ani s doplňkem Divi Builder.

Obecná nastavení Divi Toolbox

divi toolbox settings.png

Obrazovka možností Divi Toolbox je přidána do nabídky řídicího panelu Divi. Zde jsou povolena nastavení, ale úpravy se provádějí v přizpůsobovacím nástroji.

Nastavení obecný zahrnují styl globálních záhlaví, vlastní přihlašovací stránku, skrytí projektů, oprávnění k nahrávání typů souborů SVG, vlastní posuvník prohlížeče, nastavení stránky 404 (vyberte rozložení a skryjte záhlaví a zápatí) a sociální ikony (aktivovat styl, otevřít soubor). nová karta a přidat další ikony).

obecné parametry divi toolbox.png

Přidáním sociálních ikon se otevře pole, kde můžete zadat adresu URL dalších 9 sociálních sítí.

přidat sociální síť divi.png

Tady je karta obecný nástroje pro přizpůsobení, kde mohu upravit nastavení, které jsem povolil. Nastavení zahrnuje záhlaví a písma, posuvník prohlížeče a přihlašovací obrazovku. V tomto příkladu jsem provedl několik úprav textu a těla h1 a do posuvníku jsem přidal styling. Také jsem přidal další sociální ikony.

divi toolbox customization settings.png

Pro přihlašovací obrazovku budete muset provést změny a poté se odhlásit nebo zobrazit obrazovku v jiném prohlížeči.

vlastní přihlašovací obrazovka divi.png

Tady je moje přihlašovací obrazovka po přidání obrázku na pozadí, loga a změně velikosti a barvy polí a textu. Vyžaduje to trochu vylepšení, protože při provádění změn nevidíte obrazovku.

Nastavení záhlaví Divi Toolbox

nastavení záhlaví divi.png

Nastavení hlavička přidat styl do nabídky, aktivovat vlastní rozevírací nabídku, přidat tlačítko nabídky CTA, změnit logo na ukotvitelném panelu, aktivovat logo překrytí a přidat rozložení Divi před procházením domovské stránky, stejně jako 'formátování před a po. navigace na jiných stránkách.

konfigurace panelu nástrojů divi.png

Tlačítko nabídky CTA umožňuje použít CTA na první nebo poslední položku nabídky nebo použít vlastní třídu. Poskytuje CSS a pokyny, kam jej přidat.

divi.png přizpůsobitel záhlaví

Zde je přizpůsobitel pro záhlaví. Přidal jsem rozložení nad nabídku (v tomto příkladu je to jen textový modul, ale pokud chcete, můžete přidat celé rozložení). Překrývající se logo má čtvercový rámeček se stínovými efekty. Změnil jsem velikost loga z 200 na 140 a přesunul sociální ikony do hlavní nabídky. Vznáším se nad položkou nabídky Služby, abyste viděli efekt CSS.

Nastavení zápatí v Divi Toolboxu

footer settings divi.png

Nastavení zápatí zahrnuje lepkavé zápatí, zápatí displeje, přizpůsobení nabídek a widgetů, přizpůsobení tlačítka Zpět na začátek (které přidává možnost vlastního odkazu na tlačítko) a přidání před a po rozvržení zápatí.

přizpůsobte zápatí divi.png

V tomto příkladu jsem změnil písma záhlaví a nabídek na velká písmena a zvětšil mezery. Také jsem upravil barvy vznášení a přidal ikonu vedle textu vznášení. Přidal jsem rozvržení po rozvržení. To používá odhalenou zápatí (což je důvod, proč je text za výše uvedeným textovým modulem).

Pro zobrazení textu jsem navrhl tlačítko horní části stránky. Má stínový efekt a upravil jsem jeho umístění. Nechal jsem výchozí barvy. Vycentroval jsem spodní text a sociální ikony. Pro efekt vznášení jsem zvolil Grow (zahrnuje také zmenšení, pohyb nahoru, dolů, kolísání, tep, jello a puls).

Nastavení pro Divi Toolbox Mobile

nastavení panelu nástrojů pro mobilní.png

Nastavení mobilní zahrnout pole pro zadání bodu zlomu mobilní nabídky (přesná šířka obrazovky, když se nabídka změní z plochy na mobil), vlastní styly, upravit logo, zvolit ikonu hamburgeru efekt kliknutí , sbalte vnořenou podnabídku a aktivujte. několik tříd CSS. Třídy CSS umožňují převrátit sloupce a vycentrovat text, moduly a tlačítka.

Divi-Toolbox-Mobile-Settings-for mobile.png

Zde je náhled stránky v Google Chrome s vybranou možností Responzivní. Jakmile jsem vzal velikost obrazovky nižší než 980 pixelů, změnila se na ikonu mobilu, kterou jsem vybral, a přidal nabídku hamburgeru s animací, kterou jsem si vybral.

mobilní menu animation.png

Na této obrazovce upravuji barvu pozadí, vznáším barvu pozadí a nabídku hamburgerů pro mobilní nabídku. Změnil jsem text položek hlavní nabídky na velká písmena a opustil textový standard CTA. Také jsem změnil pozadí položky nabídky CTA. Můžete také upravit velikost nabídky a ikon.

Nastavení blogu Divi Toolbox

nastavení blogu divi toolbox.png

Parametry blog umožní vám přizpůsobit postranní panel a widgety, zveřejňovat meta, archivovat a třídit stránky, zvolit rozložení (ze 6 možností), skrýt postranní panel archivu a přizpůsobit text tlačítka Přečtěte si více.

U jednotlivých příspěvků si můžete vybrat rozložení postranního panelu, skrýt název příspěvku, přidat pole autora, přidat předchozí a další odkazy, přidat související příspěvky a upravit formulář komentářů. Můžete také přidat vlastní rozvržení po navigaci do jednotlivých příspěvků, archivů, kategorií, stránek autorů a stránek s výsledky vyhledávání.

přizpůsobte vzhled blogu divi.png

U stránky blogu jsem do postranního panelu přidal stínový efekt, změnil písma a styly, vytvořil styl vyhledávacího pole a zvětšil velikost ohraničení. Používá střídavé rozvržení a přizpůsobil jsem text tlačítku Číst více.

rozhraní pro přizpůsobení výsledků blog divi.png

Tento příklad je rozložení 6. Znovu jsem přizpůsobil barvy písma pro meta sekci a přidal barvu přechodu. Také jsem přizpůsobil pozadí pro tlačítko Další informace.

změnit písmo obsahu blogu divi.png

Jednotlivé příspěvky na blogu vám umožňují přizpůsobit každou z položek, které jste přidali v nastavení blogu. Na této obrazovce upravuji přidružené články, další a předchozí odkazy a také oblast autora. Ovládáte veškerý text, barvy, stíny atd.

přizpůsobení sekce komentář divi.png

V tomto příkladu přizpůsobuji formulář komentářů. Můžete ovládat barvy pole (zaostřené a nezaostřené), ohraničení, text, barvy, tlačítka atd. Změnil jsem barvu pozadí tlačítka, barvu zaměření pole, přidal ohraničení pole a změnil poloměr.

Licence Divi Toolbox

Máte na výběr mezi dvěma licencí :

  • Běžná licence (k použití na projektu) - 49,00 EUR
  • Rozšířená licence (pro použití na neomezených projektech) - 169,00 €

Co si pamatovat

Jsem ohromen množstvím funkcí a nastavení v tomto pluginu. Obzvláště se mi líbí, že může přidávat podobné články, předchozí a další odkazy a autorskou oblast k blogovým příspěvkům, které nejsou vytvořeny pomocí nástroje Divi builder. Posuvník je také příjemný dotek.

V modulech Divi můžete přistupovat k několika nastavením, například k textu záhlaví, ale poskytuje další podrobnosti o těchto nastaveních. Chtěl bych přidat několik dalších vylepšení (např. Stínové efekty pro oblast komentářů, více možností loga, umístění ikon sociálních médií atd.).

Pokud chcete do Divi přidat spoustu nových efektů nejjednodušším možným způsobem, stojí za oklikou Divi Toolbox.