Jak strukturovat stránku
Stránka slouží jako vstupní návod pro použití templates v CMS s cílem udržení určitého standardu při tvorbě nového obsahu. Návod popisuje jak lze stránky "libovolně" strukturovat pomocí templates a docílit optimálního rozložení.
Templates
Pro stránky a jejich převod existují tyto šablony:
- main-multi-container - hlavní (main) containerová šablona obsahující menu a patičku. Pro tvorbu nové stránky se použije pouze jednou jako první (hlavní container)
- multi-container - container násobně vkládatelný sám do sebe + násobně vkládatelný do hlavní templates main-multi-container
Příslušné šablony jsou postavené na standardním principu Grid layout system a při jejjich použití má každá stánka tyto vstupní proměnné:
- Šířka sloupce - šířka sloupce v kontextu Grid systému defaultní je plná šíře tedy hodnota 12
- Barva pozadí - atribut slouží čistě jako pomocný k podbarvení si pozadí pro identifikaci který container právě upavuji a kde se nacházím (příklad hodnoty: blue)
- CSS Třídy - seznam CSS tříd aplikovaný na kontainer (oddělené čárkami, příklad: unstyled-link).
Vhodným zanořováním šablon do sebe a volbou šířky sloupce lze dosáhnout v zásadě libovolného strukturálního rozložení stránky - konkrétní příklady lze nalézt níže.
Jmenná konvence
Pro lepší přehlednost v projektu a na první pohled jednoznačné odlišení je doporučena následující jmenná konvence:
- Při použití multi-container templates (tedy sub contentu stránky) bude mít daná komponenta v názvu prefix Sub: (příklad: Sub:Template-test-container-A)
1 Sloupcová stránka
Příklad jednosloupcové stánky je následující:
V tomto případě stačí použít jen hlavní (main) containerovou šablonu.
2 Sloupcová stránka
Příklad dvousloupcového uspořádání (v poměru 6:6) může vypadat následovně:
3 Sloupcová stránka
Třísloupcová varianta v poměru 3:6:3 pak je vyobrazena níže:
2 Řádková stránka
Pakliže potřebujeme stránku rozdělit horizontálně lze použít Grid tak, že container roztáhneme na plnou šířku tedy 12 a po přidání dalšího containeru dojde k zalomení (na novou "řádku" pod sebe).
2 Řádková stránka více slupců
Ukázka komplexního uspořádní pak může vypadat následovně:
