Vytvoření vlastního skinu

Když se vám podaří vyladit povedený vzhled, uložte jej do své knihovny. Stejný vizuální recept pak použijete na dalších kompatibilních prvcích.

Co se naučíte

  • Připravit prvek pro uložení skinu.
  • Zvolit bezpečný a srozumitelný název.
  • Uložit vzhled do části My skins.
  • Rozpoznat prvky, které jako skin uložit nelze.

Nejdříve vytvořte skutečnou změnu

Vyberte podporovaný řádek, nebo pozici nebo modul a upravte alespoň jednu jeho vzhledovou vlastnost. Můžete nastavit pozadí, odsazení, rámeček, zaoblení či stín. Editor sleduje, zda jste na prvku provedli změnu. Úplně nedotčený prvek nelze uložit jako nový skin, protože by v knihovně nevzniklo žádné užitečné nastavení.

Skin ukládá pouze bezpečně serializovatelný vzhled. Neukládá obsah modulu, jeho titulek ani živá Joomla data. To je výhoda: stejnou podobu můžete použít jinde bez nechtěného přenosu textu.

Uložení vlastního skinu

  1. Označte podporovaný prvek a v inspektoru dolaďte jeho vzhled.
  2. Zkontrolujte jej alespoň na desktopu a mobilu. Skin může obsahovat také podporované responsivní hodnoty.
  3. V části Actions zvolte Save skin.
  4. Zadejte krátký název o 2 až 48 znacích. Nejspolehlivější jsou písmena bez diakritiky, čísla, mezery a pomlčky, například Soft Card Blue.
  5. Potvrďte uložení. Aplikace skin zařadí podle cíle například do kategorie layout, navigation, content, commerce nebo module.
  6. Otevřete Select skin a v části My skins ověřte, že nová položka existuje.

Co jako skin uložit nelze

Skin je dostupný jen pro registrované cíle, které používají povolené CSS nastavení. Zvláštní hlavní plocha mainboxu se do této knihovny neukládá. Modul Custom HTML také nepoužívá skinovou knihovnu; jeho znovu použitelnou podobu ukládejte jako snippet. Pokud tlačítko Save skin chybí, nejde obvykle o poruchu, ale o nepodporovaný typ výběru.

Pozor na název s diakritikou

Rozhraní nakonec přijímá jen bezpečný ASCII název. Použijte například „Modra karta“ místo „Modrá karta“. Vyhnete se nejasnému odmítnutí názvu.

Co zkontrolovat před uložením

Uložený skin se může objevit i v jiné šabloně vašeho účtu, proto by neměl spoléhat na náhodné okolí jednoho konkrétního řádku. Vyzkoušejte jej alespoň na světlém a tmavším pozadí a podívejte se, zda má dostatečný kontrast. U obrázkového pozadí počítejte s tím, že samotný obrázek export nepřenese.

V názvu uveďte účel a důležitou variantu, například „Card Dark Compact“. Neuvádějte název stránky, pokud vzhled není určen jen pro ni. Když později vytvoříte výrazně jinou variantu, uložte ji pod novým názvem. U drobného jednorázového doladění nechte změnu jen na prvku, aby knihovna zůstala přehledná.

Po uložení doporučujeme provést zkoušku na jiném kompatibilním prvku. Ověříte tím, že skin opravdu obsahuje zamýšlené hodnoty a není jeho dobrý vzhled jen výsledkem okolního řádku.

Další krok: Správa a opakované použití skinu.