Web a webdesign

Divi 5 pro agentury: Workspaces, Presety a vlastní design systém

Jak v Divi 5 stavět klientské weby rychleji a odevzdávat je konzistentně — Workspaces, Design Variables, presety a Preset Manager jako agenturní stavebnice.

· Jul 3, 2026 · aktualizováno Jun 22, 2026
Divi 5 pro agentury: Workspaces, Presety a vlastní design systém
Obsah článku
  1. Proč zrovna Divi 5 pro agenturní provoz
  2. Workspaces: každý člen týmu má svůj editor
  3. Design Variables: jeden zdroj pravdy pro značku
  4. Presety a Preset Manager: vaše agenturní stavebnice
  5. Jak z toho udělat reálný workflow
  6. Časté dotazy
  7. Závěr
  8. Zdroje a další čtení

Tento článek obsahuje affiliate odkaz na Divi. Pokud si přes něj službu pořídíte, můžeme získat provizi — vás to nestojí nic navíc a na náš názor to nemá vliv.

Pokud stavíte klientské weby na WordPressu, znáte ten okamžik: třetí web v měsíci, a vy znovu nastavujete stejná tlačítka, stejné odsazení, stejnou hierarchii nadpisů — ručně, modul po modulu. Divi 5 od Elegant Themes, který vyšel jako oficiální verze a podle release notes dostává týdenní aktualizace (poslední velká byla Divi 5.8 z 20. června 2026), je postavený přesně proti tomuhle plýtvání. Tenhle text je pro agentury a freelancery, kteří chtějí weby skládat rychleji a odevzdávat je konzistentně — ne pro vývojáře hledající dokumentaci k API.

Proč zrovna Divi 5 pro agenturní provoz

Divi je vizuální WordPress builder: web stavíte přímo na živé stránce, ne v abstraktním backendu. Verze 5 je kompletní přepis a klíčový rozdíl proti starému Divi je, že styly nejsou jednorázové, ale systémové. To znamená, že místo "obarvím tohle tlačítko" definujete pravidlo a Divi ho aplikuje všude. Pro jednorázový web je to detail. Pro agenturu, která točí desítky webů ročně, je to rozdíl mezi "stavím každý web od nuly" a "mám vlastní stavebnici".

Čtyři nástroje, které tenhle posun dělají, jsou Workspaces, Design Variables, presety a Preset Manager. Pojďme je vzít byznysově — co každý ušetří a kde má smysl.

Workspaces: každý člen týmu má svůj editor

Funkce Customizable Workspaces přibyla jako hlavní novinka v Divi 5.8. Umožňuje uložit si vlastní rozložení editoru — pozice panelů, ukotvení (docking) nebo plovoucí okna, seskupení do záložek, viditelnost ikon a režim světlý/tmavý. Podle Elegant Themes si každý uživatel může "udělat vizuální builder svým" vytvořením vlastní kolekce uložených workspaces.

V praxi to řeší věc, kterou agentury podceňují: každý člověk pracuje jinak. Senior designér chce všechny panely po ruce, juniorovi stačí minimum, a klient, kterého pustíte do editoru, by měl vidět co nejméně. Místo aby si každý pokaždé přerovnával rozhraní, uloží si workspace jednou. Pro agenturu to znamená rychlejší zaškolení a méně "kde to zase je".

Design Variables: jeden zdroj pravdy pro značku

Design Variables jsou znovupoužitelné design tokeny — barvy, velikosti, mezery — uložené centrálně. Když token změníte, všechny prvky, které ho používají, se aktualizují automaticky. Místo abyste obarvovali padesát tlačítek, změníte jednu proměnnou.

Pro klientskou práci je tohle zásadní. Klient po měsíci napíše "můžeme tu hlavní barvu udělat víc do modra?" — u starého Divi to znamenalo projít web ručně. S Design Variables je to jedna úprava. Divi 5 navíc umí relativní barvy: odstíny odvodíte z primární barvy a při její změně se přepočítají samy. Tomuhle se věnujeme podrobněji v samostatném článku o tvorbě barevné palety.

Presety a Preset Manager: vaše agenturní stavebnice

Presety jsou uložené konfigurace stylů. Divi 5 jich má víc druhů — Element presety uloží kompletní styl jednoho modulu (třeba vašeho standardního CTA tlačítka), Option Group presety uloží jen část (jen pozadí, jen text, jen mezery) a dají se kombinovat, a Nested presety vrství víc úrovní stylů s tím, že každá zůstane editovatelná. Detailům presetů věnujeme zvláštní článek.

Preset Manager je rozhraní, kde všechny presety vidíte s náhledy, přejmenováváte je a organizujete na jednom místě. Pro agenturu je to recept na vlastní design systém: jednou si postavíte sadu presetů — tlačítka, karty, sekce, odsazení — a každý nový web na ní stavíte. Konzistence vzniká automaticky, ne z disciplíny.

Jak z toho udělat reálný workflow

Krok Co uděláte Co tím získáte
1 Definujete Design Variables (barvy, mezery, typografie) Jeden zdroj pravdy pro celý web
2 Postavíte sadu presetů (tlačítka, karty, sekce) Vlastní agenturní stavebnice
3 Uložíte workspace pro každou roli v týmu Rychlejší práce, méně chyb
4 Nový web stavíte z presetů místo od nuly Kratší čas dodání, konzistence
5 Klientské změny řešíte přes proměnné Rychlé revize bez ručního přebarvování

Časté dotazy

Je Divi 5 vhodný i pro jednoho freelancera, ne jen agenturu?

Ano. I jeden člověk těží z toho, že si jednou postaví presety a pak je používá. Návratnost je jen pomalejší než u agentury, která systém využije na desítkách webů.

Musím přepisovat staré weby do Divi 5?

Ne nutně. Systémový přístup (proměnné, presety) má největší smysl u nových projektů. Migrace existujícího webu je samostatné rozhodnutí.

Jak často Divi 5 dostává aktualizace?

Podle release notes Elegant Themes vychází aktualizace týdně; verze 5.8 z června 2026 přinesla mimo jiné 66 oprav a zlepšení.

Závěr

Divi 5 není pro agentury zajímavý kvůli jednomu efektnímu modulu, ale kvůli tomu, že styly povýšil na systém. Workspaces zrychlí práci týmu, Design Variables drží značku konzistentní, presety a Preset Manager z vás dělají továrnu na konzistentní weby. Pokud točíte víc klientských webů ročně, je to nástroj, který vám vrátí čas na první stavebnici.

Pro freelancery, kteří kromě tvorby webů řeší i fakturaci a administrativu, se může hodit i náš přehled nástrojů na vedení agendy.

Přečtěte si o SuperFaktuře

Vyzkoušet Divi 5

Zdroje a další čtení

Zdroje