Řádek určuje oblast stránky, pozice určuje místo pro modul a Bootstrap čísla určují šířku. Jakmile tyto tři pojmy oddělíte, skládání šablony začne dávat smysl.
Co se naučíte
- Pochopit rozdíl mezi řádkem, Joomla pozicí a modulem.
- Číst dvanáctisloupcovou mřížku Bootstrapu.
- Rozdělit řádek na pozice bez programování.
- Rozlišit ukázku v editoru od živého obsahu po instalaci.
Tři stavební vrstvy
Řádek je vodorovná sekce šablony, například hlavička, pás s výhodami nebo patička. Uvnitř řádku jsou Joomla pozice – pojmenovaná místa, do kterých může Joomla umístit moduly. Modul je až konkrétní funkční blok, například menu, logo, přihlášení nebo slideshow.
Pozice sama žádný text ani funkci nevytváří. Je podobná prázdné polici. V editoru na ní můžete vidět bezpečnou ukázku vloženého modulu, ale skutečný živý výstup vznikne až na cílovém webu, kde Joomla načte nainstalovaný a publikovaný modul.
Proč se stále objevuje číslo 12
Bootstrap rozděluje šířku řádku na dvanáct pomyslných dílů. Pozice o šířce 12 zabere celý řádek, dvě pozice 6 + 6 vytvoří poloviny a tři pozice 4 + 4 + 4 vytvoří třetiny. Kombinace nemusí být souměrná: 3 + 6 + 3 vytvoří úzké kraje a široký střed.
Součet může přesáhnout 12. Další pozice se potom zalomí na nový vizuální řádek uvnitř stejné sekce. Pro začátečníka je obvykle přehlednější udržet jednu řadu na součtu 12 a složitější rozvržení rozdělit do více samostatných sekcí.
Představte si sekci se dvěma částmi. Vlevo má být krátká informace a vpravo širší přihlašovací nebo vyhledávací modul. Rozdělení 4 + 8 dává pravé části dvojnásobný prostor. Čísla popisují pouze prostor; sama žádný obsah nevytvoří. Pokud se na telefonu obě části složí na šířku 12, zůstanou to stejné dvě Joomla pozice se stejnými moduly, jen se zobrazí pod sebou.
Názvy pozic proto volte a kontrolujte podle jejich úlohy; šířka ani pořadí samy neříkají, jaký živý obsah do nich Joomla později vloží.
Jak připravit řádek pro moduly
- V režimu Grid vyberte řádek, do kterého chcete obsah umístit.
- Zvolte předvolbu sloupců nebo ručně nastavte počet a šířky pozic.
- Zkontrolujte, že každá pozice, kterou chcete použít, je zapnutá a viditelná.
- Přejděte do Modules a přetáhněte podporovaný modul do zvýrazněné pozice.
- Výsledek ověřte na desktopu, tabletu i mobilu; každá šířka může mít vlastní rozložení.
Componentbox není běžná modulová pozice
Hlavní oblast componentbox představuje místo pro obsah komponenty, například článek nebo výpis. Modul do ní přetáhnout nelze. Ukázka článku či produktu v editoru je inertní vzorek; Template Architect tím nevytváří živý článek, produkt ani položku menu.