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://www.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-nadpisV 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-nadpisSamozř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.
