Jak přidat navigační menu ve WordPressu (návod pro začátečníky)

Lis 20, 2021
admin

Chcete na své stránky ve WordPressu přidat navigační menu?

WordPress je vybaven rozhraním pro menu přetahováním, pomocí kterého můžete vytvářet menu v záhlaví, menu s rozbalovacími možnostmi a další.

V tomto průvodci vám krok za krokem ukážeme, jak snadno přidat navigační menu ve WordPressu.

Co je to navigační menu?

Navigační menu je seznam odkazů směřujících na důležité oblasti webu. Obvykle jsou prezentovány jako vodorovný pruh odkazů v horní části každé stránky webu.

Navigační menu dávají webu strukturu a pomáhají návštěvníkům najít to, co hledají. Takto vypadá navigační menu na WPBeginner:

WordPress umožňuje opravdu snadno přidávat menu a podmenu. Můžete přidat odkazy na nejdůležitější stránky, kategorie nebo témata, příspěvky na blogu a dokonce i vlastní odkazy, například na profil na sociálních sítích.

Přesné umístění menu bude záviset na vašem tématu WordPressu. Většina témat má několik možností, takže si můžete vytvořit různá menu, která se mohou zobrazovat na různých místech.

Například většina témat WordPressu obsahuje primární menu, které se zobrazuje nahoře. Některá témata mohou obsahovat také sekundární menu, menu v zápatí nebo navigační menu pro mobilní zařízení.

Video návod

Přihlaste se k odběru WPBeginner

Pokud dáváte přednost písemným pokynům, pokračujte ve čtení.

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

Chcete-li vytvořit navigační menu, musíte navštívit stránku Vzhled “ Menu v panelu správce WordPressu.

Nejprve je třeba zadat název nabídky, například „Horní navigační nabídka“, a poté kliknout na tlačítko „Vytvořit nabídku“. Tím se rozbalí oblast menu a bude vypadat takto:

Dále můžete vybrat stránky, které chcete do nabídky přidat. Můžete buď automaticky přidat všechny nové stránky nejvyšší úrovně, nebo můžete vybrat konkrétní stránky z levého sloupce.

Nejprve klikněte na záložku „Zobrazit vše“ a zobrazí se všechny stránky vašeho webu. Poté klikněte na políčko vedle každé ze stránek, které chcete přidat do nabídky, a klikněte na tlačítko ‚Přidat do nabídky‘.

Po přidání stránek je můžete přesouvat přetažením.

Poznámka: Všechny nabídky mají své položky v editoru nabídek uvedeny ve vertikálním seznamu (shora dolů). Když menu umístíte na web živě, bude se zobrazovat buď vertikálně, nebo horizontálně (zleva doprava), v závislosti na zvoleném umístění.

Většina témat má několik různých umístění, kam můžete menu umístit. V tomto příkladu používáme výchozí téma 2020, které má 5 různých umístění.

Po přidání stránek do nabídky vyberte místo, kde chcete nabídku zobrazit, a klikněte na tlačítko „Uložit nabídku“.

Tip: Pokud si nejste jisti, kde se které umístění nachází, zkuste nabídku uložit na různých místech a poté navštivte svůj web, abyste zjistili, jak vypadá. Pravděpodobně nebudete chtít použít všechna umístění, ale možná budete chtít použít více než jedno.

Tady je naše hotové menu na webu:

Vytvoření rozbalovacích nabídek ve WordPressu

Rozbalovací nabídky, někdy nazývané vnořené nabídky, jsou navigační nabídky s nadřazenými a podřazenými položkami menu. Když najedete kurzorem na nadřazenou položku, zobrazí se pod ní všechny podřízené položky v dílčí nabídce.

Chcete-li vytvořit dílčí nabídku, přetáhněte položku pod nadřazenou položku a poté ji mírně přetáhněte doprava. V našem menu jsme tak učinili u 3 dílčích položek pod položkou „Služby“:

Tady je dílčí menu živě na webu:

Můžete dokonce přidat více vrstev rozbalovacího menu, takže vaše dílčí menu může mít podnabídku. To může nakonec vypadat trochu nepřehledně a mnoho témat nepodporuje vícevrstvá rozbalovací menu.

V tomto příkladu vidíte, že „Návrh loga“ (podřízená položka „Služby“) má dvě vlastní podřízené položky.

Přidání kategorií do menu WordPressu

Používáte-li WordPress k provozování blogu, pak možná budete chtít přidat kategorie blogu jako rozbalovací menu ve WordPressu. To děláme na WPBeginner:

Kategorie můžete do nabídky snadno přidat kliknutím na kartu Kategorie na levé straně obrazovky Nabídky. Možná budete muset také kliknout na kartu „Zobrazit vše“, abyste viděli všechny své kategorie.

Jednoduše vyberte kategorie, které chcete přidat do nabídky, a poté klikněte na tlačítko „Přidat do nabídky“.

Kategorie se zobrazí jako běžné položky nabídky ve spodní části nabídky. Můžete je přetáhnout na požadované místo. Všechny tyto kategorie umístíme pod položku nabídky Blog.

Chcete mít na svém webu stránku blogu oddělenou od domovské stránky? Pokud ano, podívejte se na náš návod, jak ve WordPressu vytvořit samostatnou stránku pro blogové příspěvky.

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

Kromě kategorií a stránek umožňuje WordPress také velmi snadno přidávat do menu vlastní odkazy. Můžete je použít k propojení s vašimi profily na sociálních sítích, internetovým obchodem a/nebo dalšími webovými stránkami, které vlastníte.

Na obrazovce menu budete muset použít kartu „Vlastní odkazy“. Jednoduše přidejte odkaz spolu s textem, který chcete v nabídce použít.

Můžete být dokonce kreativní a přidat do nabídky ikony sociálních médií.

Úprava nebo odstranění položky nabídky v navigačních nabídkách WordPress

Při přidávání stránek nebo kategorií do vlastní navigační nabídky používá WordPress jako text odkazu název stránky nebo název kategorie. Pokud chcete, můžete to změnit.

Každou položku nabídky můžete upravit kliknutím na šipku dolů vedle ní.

Zde můžete změnit název položky nabídky. Zde také můžete kliknutím na tlačítko „Odebrat“ odkaz z nabídky úplně odstranit.

Pokud si nevíte rady s rozhraním pro přetahování, můžete položku nabídky také přesunout kliknutím na příslušný odkaz ‚Přesunout‘.

Přidávání nabídek WordPressu do postranních panelů a zápatí

Nemusíte se držet jen zobrazovacích míst pro vaše téma. Navigační menu můžete přidat do libovolné oblasti, která používá widgety, například do postranního panelu nebo patičky.

Jednoduše přejděte na Vzhled “ Widgety a přidejte widget „Navigační menu“ do postranního panelu. Dále přidejte název widgetu a vyberte správné menu z rozevíracího seznamu ‚Vybrat menu‘.

Tady je příklad vlastního menu zápatí WordPressu vytvořeného na webu Syeda Balkhiho.

Pokračování s navigačními menu

Pokud chcete vytvořit opravdu epické menu se spoustou odkazů, máme pro vás návod, jak vytvořit mega menu ve WordPressu. Ten vám umožní vytvořit rozbalovací menu se spoustou položek včetně obrázků.

Mega menu je skvělou volbou, pokud máte rozsáhlý web, například internetový obchod nebo zpravodajský web. Tento typ menu používají weby jako Reuters, Buzzfeed, Starbucks atd.

Otázky k menu WordPressu

Tady jsou některé z nejčastějších otázek, které slýcháme o navigačních menu WordPressu od začátečníků.

1. Jak přidám odkaz na domovskou stránku do menu WordPressu?

Chcete-li přidat domovskou stránku do navigačního menu, musíte kliknout na kartu „Zobrazit vše“ v části Stránky. Tam byste měli vidět svou domovskou stránku.

Zaškrtněte políčko vedle položky „Domů“ a klikněte na tlačítko „Přidat do nabídky“. Nezapomeňte změny uložit.

2. Jak ve WordPressu přidám více navigačních nabídek?

V systému WordPress můžete vytvořit libovolný počet nabídek. Chcete-li menu umístit na svůj web, musíte ho přidat do jednoho z umístění menu v tématu nebo do oblasti widgetů, jak jsme si ukázali výše.

Chcete-li na svůj web ve WordPressu přidat více navigačních menu, nejprve je vytvořte podle našeho návodu výše.

Chcete-li je umístit na svůj web, klikněte na kartu „Spravovat umístění“.

Zde můžete vybrat, které menu chcete zobrazit v umístěních menu, která jsou k dispozici ve vašem tématu.

Pokud chcete na svůj web přidat nové umístění menu, podívejte se na náš návod, jak přidat vlastní navigační menu do témat WordPressu.

Doufáme, že vám tento článek pomohl naučit se, jak přidat navigační menu ve WordPressu. Možná se budete chtít podívat také na naše návody, jak nastylovat navigační menu ve WordPressu a jak vytvořit samolepící plovoucí navigační menu ve WordPressu.

Pokud se vám tento článek líbil, přihlaste se k odběru našeho kanálu YouTube pro videonávody pro WordPress. Najdete nás také na Twitteru a Facebooku.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.