Menu a kotvy – navigace po webu
Video výše ti ukáže nastavení menu a kotev v praxi. Tady jsou klíčové informace pro rychlou orientaci.
Struktura menu
Menu je horní řádek webu. Ve výchozím nastavení (classic) je rozdělené na tři části:
Vlevo – logo, kliknutím se zákazník dostane na homepage
Uprostřed – navigační tlačítka na jednotlivé stránky
Vpravo – CTA tlačítka (výzva k akci – rezervace, kontakt)
Nastavení menu najdeš ve Stránkách → záložka Menu.
Jak přidat položku do menu
V záložce Menu klikni na Přidat položku
Vyplň název tlačítka – pro desktop i mobil (mobil může být kratší)
Zadej URL – přesný název stránky, na kterou tlačítko odkazuje
Nastav viditelnost – desktop, mobil nebo obojí
Zvol, zda je to běžná položka nebo CTA tlačítko (výrazné tlačítko s podkladem nebo obrysem)
Ulož a obnov stránku (Ctrl+R)
Tip: Název tlačítka v menu se nemusí shodovat s názvem stránky. Používej to, co zákazník pochopí.
Vzhled menu
Varianta | Popis |
|---|---|
Classic | Logo vlevo, položky uprostřed, CTA vpravo |
Centered | Logo uprostřed |
Split | Položky na obou stranách loga |
Minimal / Hamburger | Tři čárky – menu se rozvine po kliknutí. Typicky pro mobil |
Pro mobil nastavíš menu zvlášť – buď jako spodní lištu, nebo hamburger menu. Logo lze zmenšit šířkou a posunout v osách X (vodorovně) a Y (vertikálně).
CTA tlačítka – dva styly
Plné tlačítko – barevný podklad, výraznější. Používej pro hlavní akci (Rezervovat termín).
Obrysové tlačítko – pouze okraj, jemnější. Používej pro sekundární akci (Kontakt).
Kotvy – skrolování v rámci stránky
Kotva umožňuje tlačítku odskočit na konkrétní místo stránky – bez přechodu na jinou stránku.
Jak to funguje:
Tlačítku nastav odkaz ve formátu
#nazev(křížek + název, např.#rezervace)Na místo na stránce, kam má tlačítko skočit, vlož prvek Kotva
Kotvu pojmenuj stejným názvem bez křížku (např.
rezervace)Po kliknutí na tlačítko systém najde kotvu se stejným názvem a přeskroluje na ni
Odsazení od vrchu (px): kotva skočí o zadaný počet pixelů výše, než kde kotva leží – aby obsah nebyl schovaný pod menu.
Příklad: Tlačítko „Rezervace" → odkaz #rezervace → kotva nazvaná rezervace umístěná nad rezervačním formulářem.