WordPress návody

Jak přidat navigační menu ve WordPressu

kompas
Autor příspěvku Tomáš Cirkl

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.

WPlama menu

WPlama menu

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.

Nové menu

Nové menu

Po pojmenování menu ( pro lepší orientaci je dobré pojmenovávat menu podle toho kam ho chcete umístit) klikněte pro vytvoření na tlačítko Vytvořit menu. Zobrazí se následující:

Nově vytvořené menu

Nově vytvořené menu

Jak vidíte na obrázku, v základní šabloně Twenty Fifteen jsou k dispozici dvě místa, kterým můžete přiřadit menu. Jedná se o Základní menu a Menu pro sociální sítě.

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.

Menu Twenty Fifteen

Menu Twenty Fifteen

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 je navigační menu s nadřazenými a podřazenými položkami.

Dropdown

Dropdown

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

ČTĚTE TAKÉ  Co je to XML sitemap? Jak u WordPressu vytvořit mapu webu?

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 všechny šablony nepodporují vícevrstvé menu. Nejčastěji jsou podporovány dvě 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í 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

Do navigačního menu jde také přidat také sociální ikony, například pomocí pluginu Menu Social Icons.

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

5 komentářů

  • 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.

  • 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

Zanechat komentář

Share This
lama_posta

Nenechte si ujít žádný článek!

Připojte se do našeho emailového seznamu a získejte informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!