--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak ve WordPress vytvořit odkaz s posunem na stránce (kotvu) url: https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/ date: 2024-09-02 modified: 2024-08-23 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [blokový editor, Divi, Elementor, odkaz] --- WordPress návody # Jak ve WordPress vytvořit odkaz s posunem na stránce (kotvu) [![profil 100x100](https://www.wplama.cz/wp-content/uploads/2026/11/profil-100x100.jpg "profil 100x100") **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 2. 9. 2024 2 min čtení Pozor: Článek je z roku 2024. Některé postupy se mohly změnit. ![WordPress na notebooku](https://www.wplama.cz/wp-content/uploads/2024/08/wordpress-na-notebooku.jpg "WordPress na notebooku") Obsah článku (5 kapitol) 1. [Co je to odkaz s kotvou?](https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/#co-je-to-odkaz-s-kotvou) 2. [Jak přidat identifikátor v blokovém editoru](https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/#jak-pridat-identifikator-v-blokovem-editoru) 3. [Jak přidat identifikátor v Elementoru](https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/#jak-pridat-identifikator-v-elementoru) 4. [Jak přidat identifikátor v Divi builderu](https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/#jak-pridat-identifikator-v-divi-builderu) 5. [Vytvoření odkazu s kotvou](https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/#vytvoreni-odkazu-s-kotvou) 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](https://www.wplama.cz/wordpress-gutenberg/), [Divi builderu](https://www.wplama.cz/divi-sablona/) nebo [Elementoru](https://www.wplama.cz/elementor-nejlepsi-page-builder-plugin-pro-wordpress/). (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: `http://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. ![html zalozka v blokovem editoru 1024x509](https://www.wplama.cz/wp-content/uploads/2024/06/html-zalozka-v-blokovem-editoru-1024x509.png "html zalozka v blokovem editoru 1024x509") ## 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. ![html zalozka v elementoru 1024x509](https://www.wplama.cz/wp-content/uploads/2024/06/html-zalozka-v-elementoru-1024x509.png "html zalozka v elementoru 1024x509") ## 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. ![html zalozka v divi 1024x509](https://www.wplama.cz/wp-content/uploads/2024/06/html-zalozka-v-divi-1024x509.png "html zalozka v divi 1024x509") ## 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](https://www.wplama.cz/jak-vytvorit-odkaz-v-menu-ktery-se-otevre-v-nove-zalozce-prohlizece). - [#blokový editor](https://www.wplama.cz/stitek/blokovy-editor/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elementor](https://www.wplama.cz/stitek/elementor/) - [#odkaz](https://www.wplama.cz/stitek/odkaz/) Sdílet - - [](mailto:?subject=Jak ve WordPress vytvořit odkaz s posunem na stránce (kotvu)&body=Jak ve WordPress vytvořit odkaz s posunem na stránce (kotvu) https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu%2F) ![profil 150x150](https://www.wplama.cz/wp-content/uploads/2026/11/profil-150x150.jpg "profil 150x150") Autor Tomáš Cirkl Zakladatel WPlama. Od roku 2014 se starám o weby a e‑shopy na WordPressu a píšu o tom, co při té práci řeším. Třikrát jsem přednášel na Word Campech. 1 035 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-ve-wordpress-vytvorit-odkaz-s-posunem-na-strance-kotvu/#respond) [← Předchozí článek Astra 4.8: Přehled stylů a nové možnosti designu](https://www.wplama.cz/astra-4-8-prehled-stylu-a-nove-moznosti-designu/) [Další článek → Nové designy zdarma pro Divi šablonu přidané v červenci 2024](https://www.wplama.cz/nove-designy-zdarma-pro-divi-sablonu-pridane-v-cervenci-2024/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---