Jak ve WordPress vytvořit odkaz s posunem na stránce (kotvu)

Potřebujete ve WordPress vytvořit odkaz, který nesměřuje pryč na jinou stránku, ale jen vás posune na současné stránce nebo příspěvku?

V tomto článku si ukážeme jak ve WordPress přidat odkaz s posunem na stránce (kotvou) pomocí blokového editoru, Divi builderu nebo Elementoru.

(Níže vidíte obsah článku, který přes ilustruje seznam odkazů s kotvou.)

Co je to odkaz s kotvou?

Odkaz s kotvou  je speciální typ webového odkazu, který umožňuje přeskočit na konkrétní část webové stránky místo na její začátek. Tento odkaz obsahuje doplněk v podobě znaku # následovaného identifikátorem, který odkazuje na určitý element na cílové stránce. Tento identifikátor je obvykle přiřazen k určitému nadpisu nebo vybrané sekci na stránce.

Například, pokud máte na stránce nadpis s identifikátorem kapitola1, odkaz, který na tento nadpis odkazuje, by vypadl takto: https://novy.wplama.cz/#kapitola1. Kliknutím na tento odkaz se prohlížeč přímo posune k této sekci stránky.

Jak přidat identifikátor v blokovém editoru

U blokového editoru můžete přidat identifikátor pro kotvu jakémukoliv prvku.

Stačí si vybrat požadovaný prvek a v záložce Blok > Pokročilé vyplnit hodnotu do pole HTML ZÁLOŽKA. Hodnota musí být bez diakritiky a mezer.

Jak přidat identifikátor v Elementoru

Podobně jako u blokového editoru i v Elementoru můžete zadat identifikátor pro kotvu odkazu jakémukoliv prvku.

Otevřete si Elementor na stránce/příspěvku, kde chcete vytvořit kotvu a označte si prvek, kterému chcete vložit identifikátor. V záložce Pokročilé > Rozvržení > CSS ID vyplňte požadovanou hodnotu. Musí být bez diakritiky a mezer.

Jak přidat identifikátor v Divi builderu

Stejně jako v předchozích dvou případech i v Divi builderu můžete zadat identifikátor pro kotvu odkazu jakémukoliv prvku.

Otevřete si Divi edotor na stránce/příspěvku, kde chcete vytvořit kotvu a otevřete si modální okno s nastavením prvku. V záložce Pokročilé > ID a třídy CSS vyplňte pole CSS identifikace.

Vytvoření odkazu s kotvou

Nyní už jen chybí vytvořit odkaz s kotvou. V případě, že se jedná jen o posun na stránce, stačí jako hodnotu odkazu zadat:

#prvni-nadpis

V případě, že chcete odkázat na jinou stránku a tam se teprve má provést posun, tak zadejte odkaz ve tvaru:

https://www.wplama.cz/podstranka/#prvni-nadpis

Samozřejmě odkaz a kotvu upravte podle toho, co jste zadali.

TIP: Odkaz s kotvou můžete vložit i do menu, koukněte na článek Jak vytvořit odkaz v menu, který se otevře v nové záložce prohlížeče.