V tomto návodu si ukážeme, jak správně pracovat s tzv. kotvami (anchors). Kotva je v podstatě „záložka“ v kódu stránky, která uživateli umožňuje po kliknutí na odkaz okamžitě skočit na konkrétní místo, aniž by musel ručně scrolovat.

V naších šablonách se s kotvami setkáte ve dvou situacích:

• Automatický přeskok úvodního banneru: Nastavení, díky kterému návštěvník po příchodu z menu vidí rovnou obsah webu.
• Vlastní navigace v textu: Vytvoření „obsahu“ nebo rychlých odkazů přímo uvnitř dlouhého článku.

Správné nastavení těchto bodů šetří čas čtenářům a zlepšuje přehlednost webu. 

1. Označení textu pro odkaz

Nejdříve si v editoru vyberte a myší označte slova (nebo celou větu), která mají sloužit jako proklik. Typicky se jedná o úvodní shrnutí nebo větu typu „Více informací naleznete v sekci Ceník“.

2. Vložení odkazu (symbol řetězu)

Klikněte v horní liště na ikonu Odkazu (symbol řetězu). Otevře se okno pro nastavení, kde do pole URL (Adresa) napíšete název vaší kotvy uvozený křížkem (např. #cenik). Nezapomeňte volbu potvrdit tlačítkem OK.

• Důležité: Název pište vždy bez mezer a bez diakritiky. Křížek na začátku říká prohlížeči, že se má hledat cíl na stejné stránce.

3. Označení cíle (ikonka Vlaječky)

Nyní musíte systému říct, kam má čtenáře po kliknutí na odkaz posunout. Sjeďte v textu níže na místo, kam má stránka skočit (např. před nadpis „Ceník služeb“).

• Klikněte kurzorem těsně před text, který má být cílem.
• V horní liště editoru klikněte na ikonu Vlaječky (Záložka/Kotva).
• Do pole Název kotvy napište stejné slovo, které jste použili v kroku 2, ale tentokrát BEZ KŘÍŽKU (např. jen cenik).
• Potvrďte tlačítkem OK. V editoru se u textu objeví malý symbol kotvy nebo vlaječky (ten po uložení na ostrém webu nebude vidět).

4. Uložení a kontrola na webu

Aby se všechny provedené změny (odkaz i cíl) propsaly na váš web, musíte celý příspěvek uložit.

• V dolní části editoru klikněte na tlačítko Uložit.
• Přejděte do prohlížeče na svou ostrou stránku.
• Stiskněte klávesu F5 (Refresh) pro aktualizaci obsahu.
• Vyzkoušejte funkčnost kliknutím na vytvořený odkaz – stránka by vás měla plynule posunout na místo označené vlaječkou.

Důležité upozornění: Nezaměňujte s #kotvou v menu. Při vytváření vlastních skoků v textu (pomocí vlaječky) nikdy nepoužívejte název „kotva“.