Anchor | Elementor | 2024

Odkaz na Anchor point – tzv. Kotevní bod je element, který po aplikaci na kterékoli místo na Vašem webu umí pomocí například “Tlačítka” otevřít přesně to umístění, které v odkazu použijete.

Jednodušeji řečeno pomocí této funkce se dostanete z bodu “A” do bodu “B”.

Anchor je v Elementoru základním prvkem, který vám umožňuje přidat název Kotevní nabídky (ID kotvy) na jakékoli místo na vašem webu. Uživatel klikne na odkaz kotvy a je přesměrován přímo do sekce prostřednictvím ID kotvy.

Element Anchor point

V boční nabídce pomocí lupy vyhledejte “Anchor menu”.

Anchor point v Elementoru jednoduše používáme jako každý jiný element.

Buď na něj klikneme a pak umístíme, anebo lépe, pomocí metody “Drag and Drop” element uchopíme a přetáhneme na místo, kam jej potřebujeme umístit.

Vzhled Anchor point po umístění do kontejneru

Základní zápis pro odkaz

Po otevření pracovního prostředí elementu Anchor point nás nejvíce zajímá záložka “Obsah”.

Do políčka “ID kotvy menu” je potřeba zapsat identifikátor, neboli zápis, který bude později korespondovat s odkazem pro zápis, například si to níže ukážeme na elementu “Tlačítko”.

Jak zapsat ID kotvy

ID kotvy menu se zapisuje jako pouhý text.

Můžete použít libovolnou kombinaci čísel a písmen a pokud mohu doporučit, vyhněte se speciálním znakům a diakritice.

Informace: HTML nerozlišuje velká a malá písmena, tedy nečekejte, že na jiný bod pomocí Anchor point na stejné stránce se Vám podaří pouze změnou malých písmen na VELKÁ vytvořit jiný odkaz.

V tomto případě by si prohlížeč zvolil pouze bod, který je první v pořadí v zápisu stránky. Tedy by Vám to nefungovalo.

Každý odkaz by měl být čistě originální.

"mojepoloha"

Druhá záložka Pokročilé

Ve druhé záložce tohoto elementu najde klasické možnosti nastavení, jako je:

pozadí,
rámeček,
responzivní nastavení,
transformace,
vlastní CCS, a mnoho dalšího.

Ovládání a jak s těmito funkcemi zacházet najdete již nyní na těchto stránkách. Některé budou v brzké budoucnosti. Nebo si o ně můžete i napsat.

Nastavení prvku s odkazem

Jako příklad pro nastavení odkazu použijeme v tomto případě element “Tlačítko”, ale je samozřejmě možné nastavit jakýkoli element u kterého je možné nastavení aktivního odkazu.