Návody pro TwoDo CMS
Tvorba layoutů
Layouty jsou skupiny komponent, které můžeme používat jako hotové stavební bloky pro celé sekce webu. Ušetří čas a zjednoduší správu obsahu.
V tomto návodu se dozvíme:
- Jak layouty urychlují tvorbu webu.
- Praktické příklady použití.
- Jak vytvářet vnořené layouty pro pokročilé struktury.
Proč používat layouty?
Layouty spojují několik komponent do jednoho uceleného bloku. Fungují na podobném principu jako dědičnost u jednotlivých komponent, protože stránky musí dědit obsah z tohoto layoutu.
Základní myšlenka je, že než abychom pokaždé ručně skládali stejnou kombinaci komponent (například menu + mezera, nebo formulář + patička), tak vytvoříme tuto kombinaci jednou jako layout a pak jej využijeme jako hotový stavební blok. Tento přístup šetří nejen čas při prvotní tvorbě stránek, ale hlavně zásadně zjednodušuje následnou správu a úpravu webu.
- Klíčové benefity:
- Úspora času – Místo ručního vkládání 3-5 komponent vkládáme celý layout jedním kliknutím.
- Snížení chybovosti – Eliminujeme repetitivní práci, která často vede k nedůslednostem.
- Centrální správa – Změna v layoutu se automaticky projeví na všech stránkách.
- Typické použití:
- Opakující se sekce – hlavičky, patičky, sekce CTA jako formuláře a další výzvy k akci.
Vnořené layouty
TwoDo CMS umožňuje vkládat layouty do sebe a tím vytvořit komplexní struktury. Představme si, že náš web má stránky uspořádané do dvou úrovní zanoření. Například:
- Stránky 1. úrovně (hlavní sekce) potřebují základní patičku.
- Stránky 2. úrovně (podsekce) potřebují rozšířenou patičku navíc s kontaktním formulářem.
Místo vytváření dvou zcela oddělených layoutů můžeme využít vnoření:
- Nejdříve vytvoříme základní layout "Patička".
- Následně vytvoříme layout "Rozšířená patička", do kterého:
- Přidáme komponentu s "Kontaktním formulář" a "Mezera"
- Vložíme základní layout "Patička".
Výhody tohoto přístupu:
- Centrální správa – Při změně kontaktu v základním layoutu se obsah automaticky aktualizuje i v rozšířeném layoutu.
- Snížení duplicit – Správa na jednom místě s jednoduchou tvorbou dalších variant layoutu.
