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í:

1. Nejdříve vytvoříme základní layout "Patička".
2. 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.