Divi Recenze

Moje zkušenosti s Divi

Na Divi mě zaujalo především to, jak moc usnadnila tvorbu webů bez programování. Elegant Themes vytvořila nástroj, který kombinuje WordPress šablonu s výkonným vizuálním page builderem, takže můžete stránky tvořit přímo ve frontendu. Vidíte změny okamžitě při jejich provádění. Jedna z věcí, kterou oceňuji, je obrovská knihovna předpřipravených layoutů a modulů. Jde o tisíce různých designů a prvků, které lze použít jako výchozí šablony pro různé typy webů. To výrazně urychluje práci, když nechcete začínat od nuly.

Další plus je, že Divi nyní není omezená jen na svůj vlastní motiv. Můžete použít samostatný Divi Builder plugin s jakoukoliv WordPress šablonou, což poskytuje velkou flexibilitu

Divi šablona a builder Recenze

Jak probíhá tvorba stránek s Divi? Divi kombinuje šablonu a vizuální editor do jednoho uceleného systému, takže můžete tvořit weby přímo ve „frontendu“ bez programování. Vše vidíte v reálném čase, jak to bude vypadat online. Editor funguje na principu drag & drop, což znamená, že si z nabídky builderu jednoduše vyberete modul (např. nadpis, obrázek, tlačítko nebo formulář) a myší jej přesunete na požadované místo ve stránce.

Divi obsahuje velkou knihovnu předpřipravených layoutů, modulů a šablon, které můžete využít jako výchozí design pro svůj projekt. Například kompletní stránky, sekce nebo vícestránkové layouty. Díky tomu můžete mít profesionálně vypadající web hotový už během několika minut: vyberete layout, upravíte texty, barvy a obrázky podle svých potřeb a web je připraven k publikování.

Tvorbu stránek však nemusíte začínat jen z předloh. Můžete začít na prázdné stránce a vytvořit si vlastní unikátní design od nuly. Divi nabízí v současnosti desítky vestavěných modulů, které můžete do stránky přidávat: například textové bloky, galerie, formuláře, tlačítka nebo pouhé mezery pro rozvržení obsahu. Každý modul je plně přizpůsobitelný skrze vizuální nastavení Divi builderu bez nutnosti znát HTML či CSS.

Dříve patřilo mezi hlavní nevýhody Divi to, že obsah vytvořený pomocí builderu byl uložen ve formě shortcodů, což znamenalo, že pokud jste Divi deaktivovali nebo chtěli přejít na jiný nástroj či šablonu, zůstaly na stránce viditelné krátké kódy místo designu. Obsah byl „zamčený“ ve formátu, který jiný systém neuměl interpretovat. To ztěžovalo migraci a úpravu obsahu bez Divi.

Naštěstí se to s příchodem Divi 5 mění, protože nový builder postupně odstraňuje závislost na shortcodech a přechází k modernějšímu blokovému systému, který je lépe kompatibilní s WordPressem a budoucím vývojem editorů. Staré shortcody z Divi 4 jsou automaticky převáděny a i nadále fungují, ale nový formát je čistší a lépe škálovatelný.

Finance

Celkové skóre 8/10 se skládá z hodnocení 4 parametrů:

• Verze zdarma
• Doživotní licence
• Způsob placení
• Cena

8/10

Společnost Elegant Themes, která stojí za šablonou a builderem Divi, nenabízí žádnou bezplatnou (free) verzi Divi. Divi je dostupný pouze jako placený produkt v rámci členství Elegant Themes. To znamená, že pokud chcete Divi používat, musíte si zakoupit roční nebo doživotní licenci, což je pro některé uživatele nevýhoda, protože si nemohou builder předem otestovat bez placení.

Verze zdarma ? Je k dispozici bezplatná verze page builderu?
Doživotní licence ? Builder umožňuje zakoupení doživotní licence. To znamená, že za jednu platbu budete mít doživotní aktualizace page builderu.
Způsob placení ? V jakém intervalu se platí za běžnou licenci.	Platí se za roční nebo doživotní licenci
Cena	89$ za rok, 277$ doživotní licence (oba tarify pro neomezené množství webů)

Customizace

Celkové skóre 6.4/10 se skládá z hodnocení 13 parametrů:

• Předpřipravené šablony
• Počet widgetů (elementů)
• WooCommerce moduly nebo builder
• Builder záhlaví a zápatí
• Jednoduché stylování prvků
• Responzivní editace
• Možnost upravovat prvky podle zařízení
• Vlastní globální CSS
• Integrace ikon Font Awesome
• Pop-up builder (vyskakovací okna)
• Builder formulářů
• Hooky
• Možnost zapnout režim údržby

6.4/10

V Divi najdete velmi rozsáhlou knihovnu předpřipravených designů, které vám usnadní tvorbu webu i bez nutnosti začínat od nuly. Divi aktuálně nabízí týkající se tisíce profesionálně navržených layoutů (předem připravených designů) pro různé typy webů. Od firemních prezentací přes e-shopy až po osobní portfolia. Tyto layouty jsou dostupné přímo v Divi Builderu a můžete je snadno importovat jedním kliknutím do vašeho projektu.

Předpřipravené šablony ? Hotové šablony, které je možné nasadit na svůj web.	110+
Počet widgetů (elementů) ? Widgety jsou například formuláře, obrázky, nadpisy, textové bloky a další prvky, ze kterých se skládá webová stránka.	45+
WooCommerce moduly nebo builder ? Prvky, které vám pomohou výrazně upravovat vzhled stránek WooCommerce.
Builder záhlaví a zápatí ? S page builderem je možné vytvořit vlastní hlavičku nebo patičku šablony.
Jednoduché stylování prvků ? Stylování prvků pomocí funkcí editoru. Není potřeba znát CSS.
Responzivní editace ? V editoru je možné měnit v reálném režimu zobrazení z PC na mobilní telefon. V této responzivní editaci je možné pracovat na detailech webu, které se změní při přizpůsobení se menší obrazovce.
Možnost upravovat prvky podle zařízení ? Možnost například vypnout některý z prvků, aby se nezobrazoval uživatelům na mobilních telefonech.
Vlastní globální CSS ? Možnost vkládat vlastní CSS styly.
Integrace ikon Font Awesome
Pop-up builder (vyskakovací okna) ? Jednoduchý editor pro vytváření vyskakovacích oken.	(lze doinstalovat)
Builder formulářů ? Stavitel webových formulářů
Hooky
Možnost zapnout režim údržby

Ovládání

Celkové skóre 10/10 se skládá z hodnocení 4 parametrů:

• Klávesové zkratky
• Automatické ukládání
• Copy & paste (kopíruj a vlož)
• Vyhledávání v editoru (jednodušší navigace)

10/10

Divi patří mezi pohodlné a intuitivní WordPress page buildery, které můžete používat bez znalosti kódování. Vizuální editor funguje přímo ve frontendu, takže vidíte změny okamžitě, jak je provádíte – přesouvání, úpravy a editace obsahu probíhají přímo na stránce, kterou právě tvoříte.

Pro zrychlení práce můžete využít klávesové zkratky, které Divi nabízí. Od základních akcí jako ukládání (např. Ctrl + S / Cmd + S) po další funkce, které urychlí návrh a úpravy stránkového obsahu. Seznam klávesových zkratek lze zobrazit přímo v editoru pomocí Shift + ? nebo přes nápovědu v nástrojové liště. To je zvlášť užitečné pro zkušenější tvůrce, kteří chtějí urychlit workflow.

Orientaci v administraci vám usnadní vyhledávací políčko, se kterým jednoduše vyhledáte prvek nebo funkci, kterou chcete na stránky přidat.

Klávesové zkratky ? Je možné editor ovládat klávesovými zkratkami?
Automatické ukládání ? Editor během tvorby webu automaticky ukládá rozdělanou práci.
Copy & paste (kopíruj a vlož)
Vyhledávání v editoru (jednodušší navigace) ? Prvky je v editoru možné vyhledávat přes formulář. To značně usnadňuje navigaci.

Důležité parametry

Celkové skóre 8/10 se skládá z hodnocení 5 parametrů:

• Drag&drop editor
• Funguje s moderními šablonami
• Manažer uživatelských rolí
• Kompatibilní se SEO pluginy
• Česká lokalizace

8/10

Divi je často vnímána jako šablona a page builder v jednom, ale to už dnes neplatí úplně striktně tak, jak se to dříve prezentovalo. Elegant Themes totiž nabízí samostatný plugin Divi Builder, který lze použít s jakoukoliv WordPress šablonou, ne jen s Divi tématem. To znamená, že můžete mít například jiný motiv (třeba Astra, GeneratePress nebo jiný moderní WordPress theme) a přesto s ním používat vizuální builder Divi pro tvorbu vlastních stránek. Tato funkce přináší mnohem větší flexibilitu při práci s různými šablonami.

Důležité parametry šablony

Jelikož porovnáváme víceúčelové šablony, považujeme za významné parametry to, zda-li mají Page Builder a jednoduché Drag&Drop ovládání. Dále také hodnotíme responzivitu a podporu dvou rozšířených pluginů: Woocommerce (plugin pro vlastní eshop) a BuddyPress (plugin pro pokročilá fóra.

Pokročilé možnosti šablony

Vybral jsem více než desítku nejpoužívanějších funkcí, které lidé na svých webech využívají. Nabízí šablona Divi všechny funkce, které potřebujete?

Drag&drop editor ? Drag&drop (chyť a pusť) je metoda přetahování prvků. V menu editoru si vyberete prvek, kterých chcete vložit do stránek, a ten tahem myši přetáhnete na požadované místo.
Funguje s moderními šablonami ? Editor je kompatibilní s moderními WordPress šablonami.
Manažer uživatelských rolí ? Manažerem uživatelských rolí můžete nastavovat práva jednotlivým uživatelům.
Kompatibilní se SEO pluginy ? Editor spolupracuje s oblíbenými SEO pluginy
Česká lokalizace

Podpora

Celkové skóre 10/10 se skládá z hodnocení 3 parametrů:

• Podpora 24/7
• Video tutoriály
• Webové návody

10/10

U page builderů a WordPress šablon mě nejvíce zajímá uživatelská komunita okolo nich a také dostupnost dalších rozšíření. Divi je v současné době nejpoužívanější WordPress šablona na světě. Z toho důvodu se kolem ní vytvořila opravdu velká komunita. Ta se vám bude hodit, pokud si nebudete s Divi s něčím vědět rady. Hodnoceným parametrem je hlavně dostupnost webových a video návodů. Někdo také ocení možnost kontaktovat profesionální uživatelskou podporu 24/7.

Podpora 24/7
Video tutoriály
Webové návody

Závěrečné hodnocení a doporučení

Divi patří mezi nejznámější a nejdéle fungující řešení pro vizuální tvorbu webů ve WordPressu, a to nejen díky svému intuitivnímu drag & drop editoru, ale i rozsáhlé knihovně předpřipravených layoutů a modulů, které výrazně urychlují práci i pro začátečníky. Editor je přehledný a silně vizuální, což umožňuje tvořit profesionální weby bez znalosti kódu. A to pro širokou škálu projektů od firemních prezentací až po komplexní portfolio či e-shop. Mezi největší klady Divi patří všestrannost, vizuální tvorba stránek, množství designů a možnost používat šablonu i builder s jinými WordPress motivy (pokud instalujete samostatný Divi Builder plugin). Díky možnostem jako Theme Builder, responzivní úpravy nebo podpora WooCommerce jde o univerzální nástroj pro velkou část uživatelů.