Jeden modul může mít stejný obsah, a přesto na stránce působit pokaždé jinak. Rozhoduje o tom jeho titulek, HTML značka nadpisu, způsob obalení zvaný chrome a bezpečné CSS třídy.
Co se naučíte
- Rozlišit text titulku, jeho viditelnost a HTML tag.
- Vybrat mezi běžným a kartovým chrome.
- Přidat CSS třídu bez vkládání vlastního kódu.
- Zkontrolovat výsledek v bezpečném náhledu editoru.
Čtyři volby, čtyři různé úkoly
Titulek je krátký název modulu, například „Kontakt“, „Novinky“ nebo „Nákupní košík“. Samotné vyplnění názvu ještě neznamená, že se zobrazí. O tom rozhoduje samostatná volba pro zobrazení titulku.
Tag titulku určuje HTML značku, například H2, H3, DIV nebo SPAN. Pro běžnou sekci stránky bývá rozumné H2 či H3 podle úrovně nadpisu. Volba „none“ odstraní sémantiku nadpisu a vykreslí titulek jako obyčejný SPAN; samotné zobrazení titulku řídí samostatný přepínač. Správná hierarchie nadpisů pomáhá čtenářům i asistivním technologiím pochopit strukturu stránky.
Chrome v tomto editoru neznamená webový prohlížeč. Je to způsob, jakým Joomla obalí výstup modulu. Editor podporuje dvě výsledné varianty: default pro běžný obal a card pro vzhled karty. Nejde o libovolný seznam všech chrome stylů, které mohou existovat v jiných šablonách.
CSS třída modulu neobsahuje CSS pravidla. Je to jen bezpečný název nebo několik názvů oddělených mezerami, například kontakt-box. Skutečný vzhled této třídy musí být definován ve stylech šablony. Editor přijímá pouze platné názvy tříd, nikoli HTML, závorky nebo celý úsek CSS.
Jak nastavení změnit
- Na plátně nebo ve stromu Layers vyberte modul, který chcete upravit.
- U vybraného modulu použijte malou ikonu nastavení, otevřete pravý inspektor a najděte obecné volby výstupu.
- Upravte titulek a rozhodněte, zda má být viditelný. Poté zvolte odpovídající tag nadpisu.
- Vyberte běžný chrome nebo kartu. Případně doplňte jednoduchou CSS třídu.
- Zkontrolujte náhled a vyzkoušejte také mobilní šířku. Změny editor průběžně ukládá.
Důležité souvislosti
Náhled v editoru je bezpečná reprezentace návrhu. Nespouští živý modul ani jeho pluginy. Po exportu rozhoduje o skutečném obsahu Joomla a nainstalované rozšíření; nastavení titulku, obalu a tříd se však do podporovaného výstupu návrhu promítá.
Některé typy modulu mohou nabízet navíc vlastní layout nebo další parametry. Jejich nabídku určuje schéma konkrétního podporovaného modulu. Server při uložení znovu kontroluje, že tag, chrome, layout i třídy patří mezi povolené hodnoty.
Pokud chrome titulky nevykresluje, ovládání viditelnosti titulku může být nedostupné. U podporovaných výsledných chrome variant editor používá běžný nebo kartový obal; karta může změnit i umístění nadpisu vůči obsahu.
Při volbě tagu se dívejte na celou stránku, ne jen na vzhled písma. H1 obvykle označuje hlavní téma stránky, takže každý malý modul nemá být dalším H1. Pro postranní blok bývá vhodnější nižší úroveň, která navazuje na okolní strukturu. Vizuální velikost nadpisu lze řešit stylem; HTML tag má především vyjádřit význam. Pokud titulek skryjete, ověřte, zda z obsahu stále jasně plyne, k čemu modul slouží.
Výsledek
Vybraný modul má srozumitelný titulek, správnou úroveň nadpisu, zamýšlený běžný či kartový obal a případná CSS třída je krátký platný název, nikoli vložený styl.