Pět nástrojů v levé liště nerozděluje šablonu na pět souborů. Každý pouze nabízí jiný pohled na stejný návrh a jinou skupinu úkonů.
Co se naučíte
- Zvolit správný nástroj podle úkolu.
- Rozlišit strukturu, moduly a vzhled.
- Použít Layers pro orientaci ve složitějším návrhu.
- Vrátit se do čistého Preview pro kontrolu výsledku.
Co dělá každý režim
| Nástroj | Použijte jej, když… | Typická akce |
|---|---|---|
| Preview | chcete vidět čistší výsledek bez editačních značek | kontrola rytmu a vzhledu stránky |
| Grid | měníte řádky, zóny, pozice a sloupce | přidání sekce nebo úprava responzivní šířky |
| Modules | hledáte nový funkční blok | přetažení menu, loga nebo Custom HTML do pozice |
| Styles | upravujete globální vzhled celé šablony | změna tokenů, palety, typografie, gradientů nebo globálního CSS |
| Layers | potřebujete strom právě viditelných cílů | výběr, přesun nebo seřazení modulu |
Praktický pracovní cyklus
- V Grid připravte řádek a potřebné Joomla pozice. Strukturu řešte před obsahem.
- V Modules vyhledejte podporovaný modul a přetáhněte jej do aktivní pozice. Pouhý klik modul nevloží.
- Vyberte vložený modul na plátně nebo v Layers. Samotný výběr pravý inspektor neotevře; jeho lokální parametry a vzhled otevřete ozubeným kolečkem v toolboxu, případně podporovaným dvojklikem.
- Ve Styles dolaďte globální tokeny, palety, typografii, gradienty nebo globální CSS. Lokální vzhled konkrétního řádku, pozice či modulu patří do pravého plovoucího inspektoru.
- V Layers zkontrolujte pořadí a umístění. Strom zobrazuje aktivní a viditelné řádky, pozice a moduly aktuálního náhledu.
- V Preview zkontrolujte celek a pak přepněte tablet a mobil.
Styles a pravý inspektor mají jiné měřítko
Levý nástroj Styles pracuje s globálním vzhledem šablony. Najdete v něm barevné schéma, tokeny značky, textu a povrchů, typografii, velikost kontejneru, společné rozestupy, rádiusy, rámečky, gradienty, směr textu, ukázkové obrázky a globální CSS. Změna globálního tokenu se může projevit na mnoha modulech a ukázkových stránkách současně.
Pravý plovoucí inspektor naproti tomu upravuje vybraný řádek, pozici, modul nebo prvek ukázky. Zobrazí jen vlastnosti, které jeho bezpečná definice povoluje. Samotné kliknutí prvek zvýrazní, ale inspektor neotevře; použijte ozubené kolečko v toolboxu nebo podporovaný dvojklik. Pro konzistentní návrh nejprve nastavte globální základ ve Styles a lokální výjimku vytvořte jen tam, kde ji opravdu potřebujete.
Pouhé přepnutí levého nástroje návrh nemění. Změna vznikne až konkrétní akcí, například vložením modulu, úpravou gridu nebo potvrzením hodnoty ve Styles či inspektoru.
Layers má jeden nefiltrovaný strom viditelných cílů
Skupinové filtry nejsou v aktuálním rozhraní dostupné. Strom navíc vynechává vypnuté řádky a prvky skryté v právě zvoleném responzivním náhledu. Chybějící prvek nejprve zapněte nebo přepněte zařízení.