Pomocí knihovny vložíte do šablony hotový obsahový základ a upravíte jej pro svůj web.
Co se naučíte
- Přidat Snippet do pozice.
- Otevřít správnou knihovnu snippetů.
- Vybrat systémový nebo vlastní blok.
- Nahradit ukázkový obsah a provést kontrolu.
Připravte správný modul
Snippet se nevkládá přímo do řádku ani do componentboxu, ale do pozice (sloupce).
Postup krok za krokem
- Vyberte pozici, kam obsah patří, a přetáněte do ní do ní vybraný snippet.
- Prohlédněte dodané systémové bloky nebo přepněte na My snippets. Použijte hledání a kategorii, pokud je seznam delší.
- Vyberte blok podle struktury, ne podle ukázkových slov či fotografie. Ukázkový obsah stejně nahradíte.
- Po vložení přepište nadpisy a texty. U podporovaného systémového snippetu můžete využít vizuální nástroje přímo na plátně.
- Obrázek vybírejte přes Image Bank a ověřte desktop, tablet i mobil.
- Počkejte na automatické uložení a nakonec otevřete čistý Preview.
Jak vybrat vhodný základ
Pro začátečníka je nejjednodušší vybrat blok, jehož rozložení odpovídá cíli: jeden výrazný nadpis a tlačítko pro úvodní výzvu, několik karet pro výhody nebo obrázek vedle textu pro představení služby. Barevnost nemusí být přesná, protože ji později přizpůsobíte globálním tokenům a bezpečnému CSS.
Vložení může nahradit současný obsah
Před použitím jiného snippetu zkontrolujte, zda v modulu nemáte text, který chcete zachovat. Nový obsahový základ je určen k převzetí struktury modulu. Pro bezpečné experimentování můžete nejdříve modul naklonovat.
Co upravit jako první
Začněte významem obsahu: nadpisem, odstavcem a textem tlačítka. Potom nastavte odkaz a alternativní popis obrázku, pokud jej blok používá. Teprve když je skutečný text na místě, dolaďujte velikosti a mezery. Ukázková věta bývá kratší než finální český text a mohla by vás vést k příliš těsnému rozložení.
V čistém náhledu ověřte, že tlačítko vypadá jako ovládací prvek, nadpis má logickou úroveň a text je čitelný i bez obrázku. Náhled odkazu není plnohodnotná navigace, takže skutečný cíl otestujete až na cílovém webu. Pokud snippet obsahuje stock fotografii, počítejte s jejím nahrazením po instalaci, protože export ji nepřibalí.
Pokud se po vložení objeví příliš mnoho prvků, odstraňujte je opatrně. U systémového snippetu použijte jeho podporovaný vizuální režim; u vlastního bloku upravujte bezpečné HTML po malé části a průběžně kontrolujte výsledek.