0 Kč s DPH
  • WYSIWYG verze 4.2.3
    • Návod je vytvořen ve WYSIWYG editoru verze 4.2.3 Více »

Kotvy - záložky na stránce

Kotvy tvoří odkazy uvnitř obsahu webových stránek. Můžete s nimi vytvořit záložky na stránce.

Kotvy se vám mohou hodit kdykoli píšete delší text, na který chcete vytvořit přibližovací odkazy. Nebo pokud chcete vytvořit interní odkazy směřující na konkrétní odstavec na jiné stránce webu. Dále se kotvy používají pro tvorbu menu u one-page webových stránek.

pouziti-kotev-blog-inpagePříklad použití kotev jako interních odkazů u seriálu SEO: užitečné tipy z blogu inPage.

Příklad

Odkaz na poslední odstavec tohoto článku. Po kliknutí vás prohlížeč posune na poslední odstavec v tomto článku.

Jak vytvořit kotvy v textovém editoru

Každá kotva je vždy tvořena ze dvou částí:

1. cíl, tedy vložení kotvy na určité místo.

2. odkaz na tento cíl.

Cíl kotvy

Na místo kam chcete vložit kotvu, nejčastěji nadpis konkrétního odstavce, přesuňte kurzor a v menu textového editoru otevřete roletku Vložit -> Kotva.

Následně napište název této kotvy. Název by měl shrnovat obsah cíle, je to dobré pro SEO i vaši orientaci v seznamu kotev. Na místě kam jste vložili cíl kotvy se vytvoří ikona.

ikona kotvy

Odkaz na kotvu

Text, který bude sloužit jako odkaz, si kurzorem začerněte. Následně otevřete ikonu vložit/upravit odkaz. V tabulce se vytvořila nová roletka s názvem Kotvy, která obsahuje všechny kotvy na stránce.

odkaz na kotvu

Jak vytvořit kotvy v jazyku HTML

Pokud potřebujete využít o něco více, než nabízí textový editor, napište to v HTML.

Cíl zadáte jako atribut id s názvem kotvy. Id můžete vepsat do nadpisu h1-h6, odstavce p, obrázku, nebo využít již vytvořených id v šablonách inPage. Například při odrolování na patičku (kontakty).

<h3 id="nazev-kotvy">nadpis</h3>

Do odkazu pak přidáte mřížku a název vaší kotvy #nazev-kotvy:

<a href="/inpage/nazev-stranky/#nazev-kotvy">odkaz na kotvu</a>

 

Poslední odstavec tohoto článku

Tento odstavec je cílem u odkazu v příkladu.

Kateřina Kolouchová
Webdesigner
admin(zav)zoner.cz

Přidat komentář

Přehled komentářů

  • Kotvy v textovém editoru nefungují (ve starém)

    17.5.2016 7:56:53 | Vladislav

    Pěkný den.
    V textovém editoru (stará verze administrace), se neukáže kotva, abych si ji vybral. Jakmile to ale napíši do HTML, je vše v pořádku. Už používám novou administraci, tam najdu kotvy kde, prosím?

    Odpovědět

  • RE: Kotvy v textovém editoru nefungují (ve starém)

    17.5.2016 8:36:14 | Tým inPage

    Dobrý den,
    kotvy fungují ve staré i nové verzi administrace inPage. Fungují také ve všech verzích wysiwyg editoru. U starších editorů je postup trochu odlišný, kde se pro vložení kotvy využije nástroj kotva.

    V nové administraci se kotva skrývá pod ikonou vlaječky (záložka) a napojení provedete pod ikonou řetězu, vyberete Typ odkazu > Kotva v této stránce a kotvu v políčku podle jména kotvy.

    Odpovědět

  • Odkaz na kotvu

    17.6.2016 6:01:33 | Vladislav Kubica

    Ať dělám, co dělám, dám kotvu s názvem jako cíl, to není problém, ale tento cíl se mi nikde nezobrazuje. Nad tímto dotazem máte obrázek v odstavci "Odkaz na kotvu" - tam je Titulek a Cíl, mezi nimi máte KOTVY - mě se to ani v nové ani ve staré verzi neukáže. Mám tam prostě jen Titulek a Cíl. Fakt už nevím, co dělám špatně a nechce se mi to neustále vepisovat do html. Prosím o radu

    Odpovědět

  • Kotva sice odkazuje na odstavec, ten je ale z části zakrytý hlav

    24.11.2016 15:49:23 | Petr Suchomel

    Dobrý den,

    na webu www.aquachip.cz jsem použil šablonu HANAMI a dle vašeho jiného návodu vytvořil jednostránkovou prezentaci. Pro navigaci na stránce jsem využil kotvy, na něž jsem dal odkazy do menu (konkrétně POPIS a POTENCIÁLNÍ APLIKACE). Odkazy na kotvy fungují a kliknutí na ně naviguje po stránce.

    Ovšem navigace neprobíhá správně a část textu (začátek odstavce na který je kotva vytvořena) je zakryt horní lištou s menu a logem.

    Bylo by možno mě navigovat, kde dělám chybu, případně navrhnout nějaké řešení?

    Předem děkuji za odpověď,
    Petr S.

    Odpovědět | Zobrazit odpovědi

    • Re: Kotva sice odkazuje na odstavec, ten je ale z části zakrytý

      28.11.2016 10:05:32 | tým inPage

      Dobrý den,
      odkaz na kotvu vždy sjede na začátek textu (pokud se nejdedná o spodní okraj stránky, tam pak sjede co nejníž to lze). Bohužel prohlížeč nepozná že tento začátek textu překrývá vrhní fixní menu. U šablony Hanami to lze vyřešit pomocí odkazu na prvek stránky popsaného v článku "One-page stránky na šabloně Hanami". Zkuste na vašem webu použít id separator (#separator). Kotva poskočí ještě o maličko výš. Další možností je vložit na stránky JavaScriptový kód, který bude automaticky dopočítávat prostor nad kotvou. Tento kód pro vás můžeme vytvořit jako zakázkové řešení přímo na míru. - napište nám email na inpage@zoner.cz

      Odpovědět

inPage.cz - webové stránky, doména a webhosting snadno.