kompas

Jak přidat navigační menu ve WordPressu

Pokud se chcete dozvědět, jak přidat navigační menu do WordPress stránky pomocí jednoduchého uživatelského rozhraní pouhým přetahováním myší, přečtěte si následující článek vhodný pro začátečníky s WordPressem.

Navigační menu umožňují prezentovat strukturu stránek jejich uživatelům. Pomáhá tak v orientaci po stránce a usnadňuje nalezení hledaných informací. Navíc návštěvník může snadno přecházet na jiné stránky daného webu. Z toho důvodu jsou nejčastěji navigační menu pro svojí důležitost situovány přímo v záhlaví WordPress šablony.

Navigační menu ve WordPressu

WordPress nabízí snadné vytváření a správu navigačních menu. Umístění menu lze zvolit podle možností šablony, nicméně většina šablon obsahuje minimálně jedno místo, ke kterému se dá menu přiřadit.

Vytvoření vlastního navigačního menu

Navigační menu vytvoříte v administraci WordPress webu na stránce Vzhled -> Menu.

Menu v administraci
Menu v administraci

Zde je k nalezení stránka se dvěma sloupci určené k editaci menu. Levý sloupec obsahuje stránky, rubriky a vlastní odkazy. Případně si lze pomocí Nastavení zobrazených informací aktivovat i štítky a příspěvky. Pravý sloupec je určen pro přidávání a přizpůsobení položek menu.

Pro lepší orientaci je dobré pojmenovávat menu podle toho kam ho chcete umístit. Název menu je pouze pro vás a nikde na webu propsán není. Společně s vytvořením menu je potřeba také menu přiřadit na místo šablony, kde se bude zobrazovat.

WordPress tvorba menu

Jak vidíte na obrázku, v šabloně Astra je k dispozici až pět míst, kam můžete přiřadit menu. Jedno menu může být přiřazeno na víc míst a všechna místa pro menu nemusí být využita. Pokud pozici pro menu nevyužijete, pouze se zde nic nezobrazí.

Dále je nutné zvolit stránky, které chcete do menu přidat. To můžete provést zaškrtnutím stránek ze seznamu nalevo a kliknutím na tlačítko Přidat do menu.

Přidat do menu
Přidat do menu

Po přidání stránek do menu zvolte umístění menu dle možností šablony. Poté klikněte pro uložení na tlačítko Aktualizovat menu.

Přiřazení menu
Přiřazení menu

Menu si můžete ihned prohlédnout na webu.

WPlama menu
WPlama menu

Přizpůsobení položek navigačního menu

Možná jste si všimli, že položky menu jsou v pořadí, v jakém jste je přidávali. Pořadí položek menu lze jednoduše měnit tak, že pomocí myši chytnete položku menu a tu přetáhnete na požadované místo.

Vytvoření rozbalovacího menu ve WordPressu

Rozbalovací menu (dropdown) je navigační menu s nadřazenými a podřazenými položkami, které se zobrazí v případě, že myší najedete (nebo kliknete, záleží na šabloně) na nadřazenou položku.

Dropdown
Dropdown

Vytvořením rozbalovacího menu se dá snadno strukturovat systém navigace na stránce.

Rozbalovací menu uděláte tak, že ve struktuře menu přetáhněte položku jednoduše pod rodičovskou položku. Je však důležité poznamenat, že ne všechny šablony podporují vícevrstvé menu. Nejčastěji jsou podporovány dvě nebo tři vnořené vrstvy.

Strukturované menu
Strukturované menu

Přidání rubriky do menu

Pokud používáte WordPress pro blog, pak určitě chcete přidávat rubriky blogu do menu ve WordPressu. Uděláte to stejným postupem jako u stránek. V levém sloupci vyberete rubriku a tu vložíte do menu.

Nejdříve je ale nutné kliknout na záložku Rubriky. Uvidíte zde všechny rubriky blogu. Jednoduše vyberte kategorii a pro přidání klikněte na tlačítko Přidat do menu.

Rubriky
Rubriky

Rubriky se poté zobrazí stejně jako stránky a stejně s nimi můžete i zacházet.

Přidání vlastních odkazů do navigačního menu

Pokud chcete přidat odkaz na vlastní sociální profil nebo na jinou stránku, jednoduše v levém sloupci klikněte na záložku Custom Links. Jsou zde pouze dvě pole. První je určeno pro URL odkazu a druhé pole pro text odkazu.

Vlastní odkaz
Vlastní odkaz

Je nezbytné aby všechny odkazy začínaly s http:// nebo https://, jinak budou nefunkční.

Editace položek navigačního menu

Když přidáte stránky nebo rubriky do navigačního menu, WordPress automaticky použije titulek stránky nebo rubriky jako text odkazu. To lze však jednoduše změnit. Všechny položky menu můžete upravit pomocí kliknutí na šipku vedle názvu položky.

Nastavení položky menu
Nastavení položky menu

Zde jde změnit titulek nebo text odkazu. Také je možné přidat vlastnosti odkazu. Nezapomeňte změny uložit.

Odstranění odkazu z navigačního menu

Pro odstranění položky menu stačí kliknout na šipku vedle názvu položky a poté na tlačítko Odstranit. Následně bude položka z menu odstraněna.

Smazání položky menu
Smazání položky menu

Přidání položek menu neobsahuje všechny typy obsahu

Pokud chcete přidat do menu nějaký typ obsahu, ale nevidíte ho v nabídce, tak je možné, že jen nemáte povolené zobrazení tohoto obsahu.

WordPress totiž nemá ve výchozím nastavení povolené všechny typy obsahu v nabídce přidání položek do menu. Například štítky jsou zde vypnuté. Jejich povolení je velmi jednoduché.

V pravém horním rohu stránky je odkaz Nastavení zobrazených informací, na který když kliknete, tak se rozbalí nabídka povolení zobrazení prvků na stránce.

Jakmile položku zaškrtnete, ihned se zobrazí. Není potřeba nic ukládat.

Více informací o Nastavení zobrazených informací najdete v článku Pro začátečníky: Jak si přizpůsobit administrační prostředí WordPressu.

Přidání navigačního menu do sidebaru nebo pomocí widgetu

Navigační menu lze umístit kromě lokací určených šablonou také do oblasti sidebaru jako widget. Můžete to udělat na stránce Vzhled -> Widgety.  Vyberte widget Menu a přetáhněte ho do oblasti pro widgety, kam chcete menu umístit.

Widgety
Widgety

Dále je nutné pojmenovat widget a zvolit menu z rozbalovací nabídky. Nakonec klikněte na tlačítko Uložit.

Menu v sidebaru
Menu v sidebaru

Tip na závěr: V navigačním menu můžete také vytvořit odkaz s otevřením na nové stránce. Detailní návod najdete v článku Jak vytvořit odkaz v menu, který se otevře v nové záložce prohlížeče.

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

12 názorů na “Jak přidat navigační menu ve WordPressu”

  1. Ondřej Macl

    Dobrý den, a jak, prosím, zařídit, pokud chci vytvořit rozbalovací menu, aby jedna z nadřazených položek se vůbec neotvírala (a sloužila tedy pouze k rozbalení sobě podřazených položek)? Je to vůbec možné? S díkem za odpověď, Ondřej M.

    1. Tomáš Cirkl

      Tu položku uděláte jako vlastní odkaz a na místo odkazu dáte #. Poté až se to uloží tak ten # smažete a opět menu uložíte.

  2. Jiří Franěk

    Mám pocit, že to nefunguje tak jak by mělo. Jak vytvořit samorozbalovací menu to znamená.
    NADPIS1 a pod ním schované podnadpisy, které uživatel neuvidí dokud nenajede myší na NADPIS1
    Protože pod NP1 mám třeba 20 položek a nechci ten výčet stránek uvádět okamžitě, když mám ještě NP2 a NP3 pod kterými je taky 5 stránek schovaných.Chci aby šlo vidět menu kde bude vidět na prví pohled NP1,2,3 a až potom když člověk na tyto NP najede myší se mu rozbalili

    1. Má to být otázka?

      https://ctrlv.cz/WzOP Návody jsou v menu po najetí se zobrazí Mu online a mu legend po najetí na mu online se rozbalí dané menu. Někdy záleží i na použité šabloně.

  3. Dobrý den,

    připravuji nový web na WordPressu a používám šablonu Themify iTheme2. Návod na menu máte skvěle popsán. Naneštěstí jsem zjistil, že má šablona Themify iTheme2 (ostatní to nedělají) nějak do menu sama vkládá položku “Home” a v menu není uvedena, takže ji nemohu odstranit. Prolezl jsem snad celé nastavení šablony a nevím, jak se nabídky “Home” zbavit. Dokázal byste mi s tím prosím poradit?

  4. Dobrý den,

    potřeboval bych poradit. Menu si poskládám, tak jak potřebuji. Problém mám v tom, že pokud kliknu
    z hlavního menu na 1. podřazenou položku, tak se na její stránce, pokud na ní navazuje další podřazená položka neobjeví menu, ve kterém bych mohl pokračovat. Tato stránka zůstane volná. Jde to nějak udělat, aby se na každé podstránce objevovalo menu?

    1. Zdravím,
      musel byste na každé stránce mít speficiké podmenu, které by se nastavovalo vždy pro konkrétní stránku. Nejspíše by bylo potřeba to řešit na úrovni šablony.

  5. Zdravím,
    Jak prosím docílím nového menu, které by se mi automaticky vygenerovalo na můj pokyn na základě importovaných woocommerce kategorií?
    Dejme tomu, že mám po importu produktů nově vytvořeno cca 300 kategorií a subkategorií. To je strom jako blázen.. Ručně to menu naklikávat mi v roce 2020 přijde jako nesmysl. Plugin JC Submenu mi nefunguje.

  6. Zdravím. Přestala mi fungovat v menu podřazená položka. Může to být způsobeno aktualizací WP (na verzi 6.6.1) nebo nějakým pluginem. Šablonu jsem neaktualizoval. Ačkoli nastavení v sekci MENU je plně funkční i s možnosti zvolit podřízenost, tak v celkovém výsledku není podřazená položka funkční.

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík
Přejít nahoru