Divi patří mezi nejznámější a nejpoužívanější nástroje pro tvorbu webových stránek na WordPressu. Pro někoho je to téma, pro jiného plugin, pro další kompletní ekosystém na tvorbu webů bez nutnosti programování. V tomto článku se na DIVI plugin (Divi Builder) podíváme opravdu detailně – co to je, jak funguje, jak se používá, pro koho je vhodný, jaké má výhody i slabiny a proč je tak populární.
Článek je psaný česky, lidsky a prakticky – ideální, pokud:
- s Divi teprve začínáš
- rozhoduješ se, zda ho použít pro svůj web nebo pro klienty
- chceš pochopit, jak Divi funguje „pod kapotou“
Co je DIVI?
Divi je vizuální nástroj pro tvorbu webových stránek na WordPressu. Vytváří ho společnost Elegant Themes a existuje ve dvou hlavních podobách:
- Divi Theme – kompletní WordPress šablona
- Divi Builder plugin – plugin, který lze použít s jakýmkoliv tématem
V tomto článku se zaměříme hlavně na DIVI plugin (Divi Builder), ale mnoho principů platí i pro samotné téma Divi.
DIVI jako plugin (Divi Builder)
Divi Builder je page builder – tedy nástroj, který ti umožní:
- vytvářet stránky vizuálně (drag & drop)
- upravovat obsah přímo na stránce (WYSIWYG)
- skládat web z modulů, řádků a sekcí
To vše bez nutnosti psát kód.
Co Divi Builder umí:
- funguje s téměř jakýmkoliv WordPress tématem
- nahrazuje klasický WordPress editor (Gutenberg / Classic)
- umožňuje tvořit responzivní design
- nabízí desítky hotových modulů
Jak DIVI funguje – základní struktura
Divi pracuje se třemi hlavními stavebními prvky:
1️⃣ Sekce (Sections)
Sekce jsou nejvyšší úroveň rozložení stránky. Obvykle:
- hlavička
- obsah
- reference
- kontakt
- patička
Existují:
- Regular Section
- Specialty Section
- Fullwidth Section
2️⃣ Řádky (Rows)
Uvnitř sekce se nachází řádky. Řádky určují:
- počet sloupců
- jejich šířku
- rozložení obsahu
Např.:
- 1 sloupec
- 2 sloupce (50/50)
- 3 sloupce (33/33/33)
- kombinace (25/75 atd.)
3️⃣ Moduly (Modules)
Moduly jsou obsahové prvky – to, co uživatel skutečně vidí.
Mezi nejpoužívanější moduly patří:
- Text
- Obrázek
- Tlačítko
- Slider
- Galerie
- Kontaktový formulář
- Blog
- Call To Action
- Accordion / Toggle
- Video
- Mapy
Vizuální editor (Visual Builder)
Jedna z nejsilnějších stránek Divi je vizuální editor.
Co to znamená v praxi?
- klikneš přímo na text → píšeš
- vidíš změny okamžitě
- žádné „uložit a obnovit stránku“
- žádné přepínání mezi backendem a frontendem
Divi funguje stylem what you see is what you get.
Styling a design v Divi
Každý modul, řádek i sekce má:
- barvy
- typografii
- okraje
- stíny
- animace
- responzivní nastavení
Typografie
Divi umožňuje:
- vlastní fonty (Google Fonts)
- různé velikosti pro desktop / tablet / mobil
- výšku řádků, mezery, váhy písma
Responzivita
Každé nastavení lze:
- zapnout/vypnout pro mobil
- upravit jinak pro tablet
- skrýt konkrétní prvek na mobilu
To je obrovská výhoda oproti jednodušším editorům.
Knihovna rozložení (Layouts)
Divi nabízí tisíce hotových layoutů:
- celé weby
- jednotlivé stránky
- sekce
Např.:
- web pro restauraci
- e-shop
- osobní portfolio
- firemní prezentace
- blog
Layouty lze:
- importovat jedním klikem
- upravit dle potřeby
- uložit vlastní layout a znovu použít
Globální prvky a styly
Velmi silná funkce Divi.
Globální moduly
- změna na jednom místě = změna všude
- ideální pro:
- patičky
- CTA bloky
- bannery
Globální styly
- jednotný design napříč webem
- konzistence bez ruční práce
Divi a WooCommerce
Divi má plnou podporu WooCommerce.
Umožňuje:
- vizuálně navrhovat produktové stránky
- vlastní layout košíku
- vlastní checkout
- vlastní stránky kategorie produktů
To z Divi dělá silný nástroj i pro e-shopy.
Výkon a rychlost
Tady je Divi často kritizováno – ale realita je vyváženější.
Výhody:
- nové verze mají lepší optimalizaci
- možnost vypnout nepoužívané moduly
- kompatibilita s cache pluginy
Nevýhody:
- generuje více HTML
- bez optimalizace může být web pomalejší
👉 Řešení:
- caching
- CDN
- optimalizace obrázků
- kvalitní hosting
Výhody DIVI pluginu
✔ velmi intuitivní ovládání
✔ obrovské možnosti designu
✔ žádné (nebo minimum) kódování
✔ vhodné pro začátečníky i profíky
✔ tisíce layoutů
✔ silná komunita
✔ časté aktualizace
Nevýhody DIVI
✖ může být náročnější na výkon
✖ „lock-in efekt“ (při deaktivaci zůstane shortcodový kód)
✖ pro malé weby může být zbytečně robustní
✖ vyžaduje čas na naučení
Pro koho je Divi ideální?
Divi je vhodné pro:
- freelancery
- webové agentury
- podnikatele
- blogery
- malé a střední firmy
Méně vhodné:
- extrémně jednoduché weby
- projekty s velmi specifickou logikou
- weby, kde je priorita extrémní výkon bez kompromisů
DIVI vs konkurence
Často srovnávané nástroje:
- Elementor
- Beaver Builder
- Gutenberg + bloky
Divi vyniká hlavně:
- jednotným ekosystémem
- množstvím funkcí v ceně
- vizuálním stylem práce
Cena a licence
Divi se kupuje formou členství u Elegant Themes:
- ročně
- nebo doživotní licence
Licence platí:
- na neomezený počet webů
- včetně aktualizací a podpory
Shrnutí
DIVI plugin (Divi Builder) je silný, flexibilní a velmi populární nástroj pro tvorbu webových stránek na WordPressu. Není dokonalý, ale pokud víš, co děláš (nebo se to chceš naučit), dokážeš s ním vytvořit profesionální web bez programování.
Pokud chceš:
- rychle stavět weby
- mít plnou kontrolu nad designem
- pracovat vizuálně
👉 Divi je velmi dobrá volba.
