Obsah článku
Skoro každý web používá navigační menu pro snadnější procházení webových stránek. Menu na webu by Vám také mělo pomoci se zorientovat na webových stránkách a dohledat přesně to, co hledáte. V dnešním článku se zaměříme na tvorbu a následnou správu menu v redakčním systému WordPress.
Po přihlášení se do administrace uvidíte v levém postranním panelu sekci „Vzhled„, pod kterou následně naleznete podsekci „Menu„. Zde naleznete všechna menu, která máte vytvořená. Můžete je zde následně upravovat, případně mazat.
Množství vytvořených menu není nijak omezeno. Můžete tak vytvářet menu dle svých potřeb – například hlavní navigační menu v záhlaví webu, několik menu v zápatí webu, menu v postranních panelech Vašeho webu (například pomocí widgetů), apod.
Umístění menu závisí podle možností aktuální šablony. Většina šablon však nabízí alespoň jedno místo pro vložení menu.
Níže si ukážeme postup, jak vytvářet a následně spravovat navigační menu bez potřeby znalosti programování. Vše s použitím výchozích nástrojů WordPress.
Vytvořit a spravovat menu můžete ve WordPressu hned na několika místech:
- jak již bylo řečeno výše, menu můžete spravovat v administraci přes „Vzhled“ > „Menu„
- další možností je nastavení dané šablony, tedy „Vzhled“ > „Přizpůsobit“ > „Menu“ (do této části se dostanete i pomocí horního řádku v administraci pomocí položky „Přizpůsobit“ nebo také přejitím do sekce „Vzhled“ > „Menu“ -> tlačítko vedle nadpisu „Spravovat v aktuálním náhledu„)
Ukážeme si první možnost.
Vytvoříme si ukázkové menu s několika odkazy, kde bude dodržena určitá hierarchie a budeme řešit pořadí položek.
Položky do menu můžete opět přidávat několika způsoby. Při výchozí instalaci WordPress narazíte na níže uvedené 4 sekce. Tyto sekce mohou být doplněny o další sekce (například funkce šablony, pomocí pluginu, …).
Tipy:
- Pokud přidáte položku(y) do menu, nezapomeňte aktualizovat menu pomocí tlačítka „Aktualizovat menu„
- Pokud máte vytvořeno několik navigačních menu, můžete mezi nimi přepínat pomocí select boxu umístěným pod nadpisem.
Stránky
- Můžete vybrat stránku, kterou máte již vytvořenou.
- Stránku v menu můžete pojmenovat jinak než je název stránky.
Příspěvky
- Můžete vybrat příspěvek, který je již vytvořený.
- Příspěvek v menu můžete pojmenovat jinak než je název příspěvku.
Uživatelské odkazy
- Můžete si zvolit libovolnou URL adresu odkazu (může se jednat o interní, ale i externí URL adresu).
- Odkaz můžete pojmenovat dle Vašich potřeb.
- Doporučení: URL adresu zadávejte buď uvedením relativní cesty, nebo absolutní cesty včetně http:// nebo https:// (jinak Vám odkaz nebude fungovat)
- Tip: Pokud chcete, aby odkaz nevedl uživatele na jinou stránku, uveďte do URL „#“
- Tip 2: Uživatelský odkaz můžete využít i jako kotvu (do URL stačí uvést „#vas-identifikator“)
Rubriky
- Můžete vybrat rubriku (pro příspěvky), která je již vytvořená.
- Rubriku v menu můžete pojmenovat jinak než je název rubriky.
Struktura položek
U jednotlivých položek můžete měnit jak pořadí položek, tak samotnou hierarchii/strukturu.
Řazení položek
Když přidáváte nové položky do menu, tak se vždy přidají na konec (za poslední položku daného menu).
Položky si však můžete seřadit dle libosti. Stačí přejít myší nad položku v menu a tažením ji můžete přesouvat (Drag&Drop). Případně u položky v pravé části klikněte na malou šipku, která Vám ukáže nastavení pro daný odkaz (podrobnější informace) a zde máte nabídku „Posunout“ (s možnostmi jako nahoru, dolů, …).
Položky v menu také můžete zanořovat – tj. určit u položky nadřazenou položku. Záleží však na šabloně, jak bude tyto zanořené položky zobrazovat. Většinou šablony menu zobrazují do 2. až 3. úrovně. Také záleží na šabloně, zda vykresluje podmenu jako rozbalovací položky či nikoliv.
Pokud přejdete do sekce „Vzhled“ > „Menu„, pak zde máte možnost přepínat mezi vytvořenými menu.
U každého menu pak vidíte nastavení menu a jednotlivé položky spadající do daného menu.
Automatické přidávání stránek
U každého menu si můžete nastavit, zda se do menu vždy dostane každá nově vytvořená stránka. Osobně jsem tuto funkci u žádného webu za svoji kariéru nepoužil – přeci jen máte větší dohled, když položky do menu přidáváte manuálně.
Každé vytvořené menu můžete samozřejmě i smazat. Stačí vybrat menu a ve spodní části máte tlačítko/odkaz „Smazat menu„.
Můžete si všimnout, že u každé přidané položky do menu vidíte v práce části malou šipku. Po kliknutí na ni se vám zobrazí detailnější informace.
Editace položek
Pokud jste přidávali do menu stránku, příspěvek či rubriku, pak se do textu odkazů doplní název (název stránky, název příspěvku či název rubriky). U všech odkazů můžete v těchto detailních informacích o odkazech upravovat název.
U uživatelských odkazů můžete navíc upravovat URL adresu, kterou jste u daného odkazu použili.
Mazání položek
V detailnějších informacích o odkazu také uvidíte tlačítko/odkaz „Odstranit„.
Dále můžete použít funkci pro hromadné odebrání odkazů (tedy mazání více odkazů najednou). Stačí zatrhnout možnost „Hromadný výběr“ a posléze vybrat odkazy, které chcete smazat. Potvrdíte a menu nezapomeňte aktualizovat.
Související pluginy
V redakčním systému WordPress si můžeme menu rozšířit/upravit pomocí pluginů. Pojďme se podívat na ty, které občas využívám.
Plugin „Conditional menu“ Vám umožní vytvářet tzv. „podmínky“ – tedy můžete si nastavit, při jaké situaci se bude menu zobrazovat. Stručně řečeno, můžete mít různá menu v různých příspěvcích, stránkách, archívech atd.
Max Mega Menu
Plugin „Max Mega Menu“ automaticky převede vaše menu na Mega Menu. Poté můžete například do menu přidat libovolný widget WordPress, změnit styl menu pomocí předdefinovaného editoru a změnit chování menu pomocí vestavěných nastavení. Na tento plugin se podrobněji podíváme na konci tohoto článku.
Duplicate Menu
Plugin „Duplicate Menu“ má pouze jednu funkci a tou je možnost zduplikovat již vytvořené menu pomocí jednoho kliknutí.
Menu Image, Icons made easy
Plugin „Menu Image, Icons made easy“ Vám umožní přidávat k jednotlivým položkám v menu obrázky a ikony.
Tip na závěr – Mega Menu
Možná se někteří z vás setkali s pojmem Mega Menu. Pokud ne, pak si představte menu s několika zanořenými položkami (na desktopu), kdy pod každou položkou první úrovně se na místo jednoho sloupce zobrazí sekce přes celou šířku. Pro inspiraci se podívejte na níže uvedené příklady.
Mega Menu se hodí v případě, pokud vlastníte obsáhlý web. Do Mega Menu totiž přidáte daleko více položek, které jsou však přehlednější, než u výchozího menu z WordPress.
V nastavení menu Vám po nainstalování pluginu přibudou nové možnosti, včetně možnosti přidávání ikon.
Plugin nabízí možnost spravovat obsah pomocí předpřipraveného Builder. Můžete tak vytvářet řádky a sloupce. Do jednotlivých sloupců posléze můžete přidávat nejenom odkazy, ale také widgety.
S Mega Menu si můžete pohrát, plugin nabízí širokou škálu nastavení.
K odkazům můžete snadno přidávat i ikony.
