Skin je znovu použitelné nastavení vzhledu. Představte si jej jako uložený recept na kartu, řádek nebo sloupec.
Co se naučíte
- Pochopit rozdíl mezi skinem a obsahem.
- Rozpoznat systémový a vlastní skin.
- Vybrat vhodné situace pro opakované použití.
- Vyhnout se změně nesprávného typu prvku.
Vzhled bez kopírování obsahu
Skin neboli vzhledový preset uchovává povolené stylové vlastnosti prvku. Může obsahovat například pozadí, odsazení, zaoblení, rámeček, stín nebo zarovnání. Neuchovává samotný text, produkt ani živá data z Joomly. Když tedy použijete skin karty na jiný prvek stejného podporovaného typu, přenesete vizuální pravidla, nikoli jeho obsah.
To je rozdíl oproti snippetu. Snippet je obsahový blok pro modul Custom HTML a může obsahovat bezpečné HTML a vlastní CSS. Skin řeší hlavně to, jak prvek vypadá; snippet řeší také to, co je uvnitř.
Systémové a vlastní skiny
| Typ | K čemu slouží | Co s ním můžete dělat |
|---|---|---|
| Systémový | Připravený vzhled dodaný aplikací. | Použít jej, ale ne odstranit ze společné knihovny. |
| Vlastní | Vzhled, který jste si uložili z upraveného prvku. | Opakovaně použít, přejmenovat jeho údaje nebo odstranit. |
Knihovna rozlišuje typ cíle. Skin určený pro řádek není totéž co skin určený pro sloupec. Tím se brání tomu, aby se na prvek přenesly vlastnosti, kterým nerozumí.
Jednoduchý příklad
- Upravíte první kartu: bílé pozadí, jemný stín, zaoblení a větší vnitřní odsazení.
- Toto nastavení uložíte jako vlastní skin například pod názvem.
- Vyberete další kompatibilní prvek a otevřete knihovnu skinů.
- Použijete uložený skin a poté zkontrolujete výsledek také na mobilu.
Kdy se skin opravdu vyplatí
Skin má smysl u prvku, který chcete opakovat: karty služeb, boxy s kontaktem, navigační bloky nebo podobně laděné řádky. Jestli upravujete jedinou výjimečnou sekci, může být rychlejší ponechat nastavení přímo na ní a knihovnu nezaplňovat.
Také rozlišujte skin od globálního tokenu. Hlavní firemní barva patří do globálního nastavení, protože ji může používat mnoho různých částí. Skin je vhodný pro konkrétní kombinaci, například bílé pozadí, rámeček, stín a odsazení. Díky tomuto rozdělení můžete později změnit firemní barvu a přitom zachovat společnou stavbu karet. Dobře navržená knihovna tak obsahuje několik praktických receptů, ne kopii každé drobné změny.
Skin vždy po použití posuzujte v kontextu. Vzhled připravený pro širokou hlavní pozici nemusí vyhovovat úzkému postrannímu panelu a světlý skin může na bílém řádku potřebovat rámeček.
Skin není propojená předloha
Po použití vznikne nastavení na konkrétním prvku. Pozdější úprava uloženého skinu automaticky nepřepíše všechny prvky, na které jste jej dříve použili. Každý výsledek proto zkontrolujte zvlášť.