Prvek Menu

Zjistěte, jak umístit navigační menu prvkem Menu ve WEMASY, zvolit vodorovné nebo svislé rozvržení a nastavit podmenu a hamburger.

Koncept

Prvek Menu zobrazuje na stránce jedno z vašich menu, jako navigační lištu v záhlaví, seznam odkazů v zápatí nebo boční menu. Samotné menu vytváříte v části Menu. Prvek určuje, jak vypadá a jak se chová: jeho rozvržení, jak se otevírají podmenu a kdy se na malých obrazovkách změní na tlačítko hamburger.

Přidejte menu

  1. Nejdřív menu vytvořte. Viz Menu a navigace.
  2. Otevřete záhlaví nebo sekci, kam má menu přijít.
  3. Klikněte na Prvky v levém bočním panelu.
  4. Přetáhněte Menu do sekce.
  5. Otevřete nastavení prvku a vyberte menu v části Menu.

Dokud menu nevyberete, prvek říká Není vybráno žádné menu.

Rozvržení a zarovnání

  • Rozvržení: Vodorovné pro lištu, Svislé pro seznam.
  • Zarovnání položek: Vlevo, Na střed, Vpravo nebo Do bloku.
  • Mezera mezi položkami: Malá, Střední nebo Velká.
  • Zvýraznit aktuální stránku: označí položku stránky, na které návštěvník je.

Podmenu

  • Otevírání podmenu: Výchozí (po najetí u vodorovného, po kliknutí u svislého), Po najetí, Po kliknutí nebo Vždy otevřené (jen svislé).
  • Zobrazit ikonu podmenu: zobrazí šipku vedle položek s podmenu.
  • Oddělit odkaz a přepínač podmenu: název otevře svou stránku a šipka otevře podmenu. Použijte s Po kliknutí.
  • Zarovnání rozbalovacího menu, Maximální šířka rozbalovacího menu, Zpoždění zavření po najetí a Animace otevření (Žádná, Prolnutí nebo Posun).
  • Maximální hloubka vnoření: Neomezená nebo 1 až 5 úrovní.

Mobilní menu

  • Bod zlomu responzivity: šířka obrazovky, při které se menu změní na tlačítko hamburger: 768px (tablet a menší), 1024px (notebook a menší), 1280px (menší než velký počítač), nebo Vypnuto, aby se vždy zobrazovalo celé menu.
  • Styl mobilního podmenu: Akordeon, Rozbalovací nebo Překryv.

Přístupnost

Vyplňte Popisek navigace (přístupnost), například Hlavní menu, aby čtečky obrazovky dokázaly vaše menu rozlišit.

Tip: jednotlivé položky stylujte, přidávejte ikony nebo vytvářejte velké rozbalovací menu přímo v menu. Viz Styl menu a mega menu.

Využijte to hned
na vlastním webu.

Začněte zdarma s WEMASY a postavte si web za pár minut.