Builder se vším všudy
Realtime design
Úpravy děláte v “přímém přenosu” – to co vidíte při editaci, se pak zobrazí v konečném výsledku i návštěvníkům webu. A vystačíte (většinou) bez znalostí kódování nebo programování.
63 skvělých modulů v základu
DIVI má (v době psaní článku) 63 skvělých modulů, které můžete použít. A pokud by vám nestačily, existuje spousta dalších rozšíření, jako např. DIVI plus nebo další doplňky z DIVI extended, a další.
Namátkou zmíním několik zajímavých modulů (ze základního DIVI) – filtered protfolio pro zobrazení vašich projektů na webu se skvělým filtrem, nebo celá sada modulů pro WooCommerce, ze kterých si sestavíte e-shop přímo podle svých představ.
2 v 1
Součástí DIVI je jak samotný builder pro tvrobu obsahu, tak i šablona, např. pro nastavení fontů, velikostí písma, hlavičky, patičky, responzivních nastavení a dalšího.
Nemusíte tak spoléhat na šablony z jiných zdrojů, DIVI obsahuje svou vlastní, odladěnou pro svůj builder. Jednou z nevýhod šablon na míru je totiž jejich zastarávání. Zvlášť v případě WooCommerce je to problém, pokud šablony nikdo neudržuje ve formě.
Spousta rozšíření
Pro DIVI existuje spousta dalších, jako např. DIVI plus nebo další doplňky z DIVI extended, a další. TODO
Hotové šablony pro import
DIVI vám v základu nabízí tisíce hotových stránek pro různé obory, které si můžete během vteřin importovat do webu. Máte tak “hotový” základ webu během několika minut.
Doživotní licence
Tohle je něco, co je jedním z velkých benefitů DIVI. Na webu máte skvělý nástroj, který umí strašnou spoustu věcí… a máte na to doživotní updaty v ceně! A pro webaře, který si koupí celoživotní licenci pro neomezeně webů… to je pohádka.
Přehledná struktura
Stuktura stavebních bloku v DIVI je jednoduchá a přehledná: Sekce obsahují řádky, v nich jsou sloupce a ty obsahují moduly. Sestavíte tak web na míru s rozumnou strukturou už od začátku.
Wireframe přehled
Wireframe přehled je takový anonymní přehled struktur na webu – vidíte sekce, řádky, sloupce a moduly, kde jsou skutečně umístěné. Pokud se vám nějaké moduly v reálné grafice překrývají, tady je 100% najdete.
Responzivita
Všechny moduly, které DIVI nabízí, jsou responzivní už v základu. Nemusíte řešit, jak se např. galerie zobrazení na tabletu a mobilu, vývojáři DIVI to vyřešili za vás.
UI builderu
DIVI samozřejmě umí klávesové zkratky – milé je, že jsou stejné jako na OS (i když osobně využívám asi jen dvě: Ctrl+Z a Ctrl+S).
Další příjemnou věcí je historie úprav (od chvíle, kdy builder otevřete, do chvíle, kdy ho zavřete) – můžete se tak na stránce vracet ke konkrétním změnám. Jakmile stránku obnovíte, historie se ztratí (ale pořád ještě máte k dispozici klasické revize ve WP).
Pro webaře
Vlastní šablony stránek
DIVI má vestavěný tzv. Theme Builder (Tvůrce motivů), kde můžete vytvořit šablony pru různé typy stránek – kategorie příspěvků, konkrétní stránky, stránku 404, vyhledávání, stránku produktu, produkty s konkrétními štítky a další…
Šablony jsou globální (tj. pro všechny stránky) nebo pro konkrétní typ stránky. Šablony pro hlavičku a patičku fungují stejně.
Hodně nastavení
Je pravda, že DIVI má v základu celkem dost nastavení a je potřeba se obrnit trpělivostí, než se v něm dobře vyznáte. Na druhou stranu – jen pár z nich je třeba znát od začátku.
Presety
Vedle šablon jsou presety mou nejoblíbenější funkcí v DIVI. Jsou to takové mini-šablony pro všechny stavební prvky DIVI (sekce, řádky, sloupce, moduly), který se pak dostane společného formátování. A když pak změníte formátování např. velikost fontu pro h2 v textovém modulu a uložíte do presetu, všechny ostatní moduly textu daného presetu se změní taky. Na celém webu.
Podpora ACF + CPT
Dost modulů z DIVI (jak vestavěných nebo doplňků – mám vyzkoušeno DIVI extended) umí pracovat i s CPT a ACF, které si sami vytvoříte. Včetně vkládání dynamického obsahu, výběru pro šablony… Skvěle!
Podmínky
V DIVI se objevily relativně nedávno, ale jsou rozhodně věcí, o které se hodí vědět. Díky tomu můžete zobrazovat stavební bloky DIVI např. na základě času, přihlášení/role uživatele, zda si koupil produkt, a další…
CSS na stránce
V DIVI je spousta míst, kam je možné vložit vlastní CSS – samozřejmě do šablony, přímo do konkrétního stavebního bloku, do modulu Code, do stránky,
JSON import + export
Vytvořené stránky/struktury můžete importovat a exportovat (klidně i do jiného webu), ve formátu JSON.
Integrace
DIVI má integraci se spoustou služeb a pluginů, např. RankMath (plugin pro SEO), který umí načíst obsah z builderů. DIVI také umí Google Fonty nebo ikony z Font Avesome a další.
Stále ve vývoji
Každých pár měsíců vyjde update se zajímavými novinkami a opravami. Pro někoho to může být plus, protože novinky přichází relativně často, pro někoho mínus, když musí udržovat šablonu aktuální.
Práva
DIVI má zabudovaný Role editor, pomocí kterého můžete určit, co která role může na webu v DIVI upravovat. Např. umožnit jen adminům a editorům, aby mohli upravovat obsah stránek, případně jen adminům, aby mohli upravovat šablony a další (možnosti jsou opravdu velké).
Detaily co potěší
Dobré css třídy
DIVI má vcelku dobrou HTML strukturu a CSS tříd. Při stylování např. potěší, když víte, který obrázek v galerii je na řádku poslední (zvlášť, když se to responzivně mění). Na druhou stranu – těch CSS tříd je tam hodně a DOM potom bobtná.
Formátování shortcodes
Pokud vložíte shortcode do textového modulu, přijme jeho formátování (tam, kde je to možné). To se hodí např. pro formuláře, kdy víte, že jeho pole budou mít stejnou velikost textů, fonty, barvy, atd…
Dalo by se vylepšit
Performance
DIVI umí být pomalé i rychlé – záleží na tom, jakým způsobem ho použijete a kolika dalšími pluginy ho doplníte. Je to skvělý nástroj, který je umí být při správném použití pořádně rychlý.
Navíc příští rok (2023) se chystá nová verze 5, která přinese doslova revoluční změny ve všech oblastech.
Neumí moc pracovat s tagy
DIVI sice umí podle tagů např. filtrovat, ale nemá implementovanou možnost je např. obrazit, jako to umí u kategorií. Zajímavé…
Někdy je omezený (neumí sloupec ve sloupci)
Jasná struktura DIVI, která napomáhá responzivitě a celkovému vzhledu, je někdy omezená. Např. by se občas hodil sloupec ve sloupci (prostě jeden sloupec rozdělit na další dva), a podobně.
Zabudované funkce
Ač jde většina formátování stavebních bloků měnit, některé věci jsou zabudované napevno a to se ne vždy graficky hodí. Např. animace menu (jde vypnout přes ruční CSS) a nebo stín textů ve slideru (opět nutno vypnout pomocí ručních CSS).
Potřebuje velký výkon hostignu
Jedna z hlavních nevýhod DIVI. Slabší hosting ho utáhne taky, ale potřebujete pořádný cachovací plugin a řešit performance webu opravdu do hloubky. A mít trochu trpělivosti při editaci stránek.
V základu velký DOM
Každý modul má v základu celkem velký zdrojový kód, který má na jednu stranu velmi dobře použitelné a stylovatelné třídy, na druhou stranu je někdy až zbytečně nabobtnalý.
Summary
Pokud hledáte builder pro web, který toho spoustu umí, s DIVI neuděláte chybu. A z hlediska možností nastavení a možností je jeden z nejlepších, které jsou k dispozici. Jako každý má své mouchy, ale v základu je to skvělý nástroj, který nabízí za relativně málo peněz spoustu muziky.
