---
site_name: WPlama
site_description: Internetové stránky na WordPressu snadno a česky
site_url: https://www.wplama.cz
contact_email: tomas@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]
---

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.)

Obsah

1. Co je to odkaz s kotvou?
2. Jak přidat identifikátor v blokovém editoru
3. Jak přidat identifikátor v Elementoru
4. Jak přidat identifikátor v Divi builderu
5. Vytvoření odkazu 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).