Navigációs menü hozzáadása a WordPressben (Kezdő útmutató)

nov 20, 2021
admin

Navigációs menüt szeretnél hozzáadni a WordPress oldaladhoz?

A WordPress egy drag and drop menüfelülettel rendelkezik, amellyel fejlécmenüket, legördülő opciókkal ellátott menüket és egyebeket hozhat létre.

Ebben a lépésről lépésre bemutatott útmutatóban megmutatjuk, hogyan adhatsz hozzá egyszerűen navigációs menüt a WordPressben.

Mi az a navigációs menü?

A navigációs menü a webhely fontos területeire mutató linkek listája. Általában egy weboldal minden oldalának tetején található vízszintes linkekből álló sáv formájában jelenik meg.

A navigációs menük struktúrát adnak webhelyének, és segítenek a látogatóknak megtalálni, amit keresnek. Így néz ki a navigációs menü a WPBeginnerben:

A WordPress nagyon megkönnyíti a menük és almenük hozzáadását. Hozzáadhatsz linkeket a legfontosabb oldalaidhoz, kategóriákhoz vagy témákhoz, blogbejegyzésekhez, és még egyéni linkeket is, például a közösségi média profilodhoz.

A menü pontos helye a WordPress témájától függ. A legtöbb téma több lehetőséggel is rendelkezik, így különböző menüket hozhat létre, amelyek különböző helyeken jelenhetnek meg.

A legtöbb WordPress téma például egy elsődleges menüvel rendelkezik, amely a tetején jelenik meg. Egyes témák tartalmazhatnak egy másodlagos menüt, egy lábléc menüt vagy egy mobil navigációs menüt is.

Videós bemutató

Feliratkozás a WPBeginnerre

Ha inkább írásos útmutatást szeretne, olvasson tovább.

Az első egyéni navigációs menü létrehozása

A navigációs menü létrehozásához a WordPress adminisztrációs műszerfalának Megjelenés ” Menük oldalát kell felkeresnie.

Először meg kell adnia egy nevet a menüjének, például ‘Top Navigation Menu’, majd kattintson a ‘Create Menu’ gombra. Ezáltal kibővül a menü területe, és így fog kinézni:

Ezután kiválaszthatja azokat az oldalakat, amelyeket hozzá kíván adni a menühöz. Vagy automatikusan hozzáadhatja az összes új, legfelső szintű oldalt, vagy kiválaszthat bizonyos oldalakat a bal oldali oszlopból.

Először kattintson a ‘Mindenki megtekintése’ fülre, hogy láthassa webhelye összes oldalát. Ezután kattintson a menüjéhez hozzáadni kívánt oldalak melletti négyzetre, majd kattintson a ‘Hozzáadás a menühöz’ gombra.

Mihelyt az oldalakat hozzáadta, áthelyezheti őket húzással és áthelyezéssel.

Megjegyzés: A menüszerkesztőben minden menü elemei függőleges (fentről lefelé haladó) listában vannak felsorolva. Amikor a menüt élesben elhelyezi a webhelyén, a kiválasztott helytől függően függőlegesen vagy vízszintesen (balról jobbra) jelenik meg.

A legtöbb témában több különböző helyen is elhelyezheti a menüket. Ebben a példában az alapértelmezett 2020 témát használjuk, amely 5 különböző helyet kínál.

Az oldalak menübe való felvétele után válassza ki azt a helyet, ahol a menüt szeretné megjeleníteni, és kattintson a “Menü mentése” gombra.

Tipp: Ha nem biztos benne, hogy az egyes helyek hol vannak, próbálja meg a menüt különböző helyekre menteni, majd látogasson el a webhelyére, hogy megnézze, hogyan néz ki. Valószínűleg nem akarod majd az összes helyet használni, de lehet, hogy egynél többet szeretnél használni.

Itt van a kész menü a webhelyen:

Cseppenthető menük létrehozása a WordPressben

A cseppenthető menük, amelyeket néha egymásba ágyazott menüknek is neveznek, olyan navigációs menük, amelyek szülő és gyermek menüpontokat tartalmaznak. Ha a kurzort egy szülőelem fölé viszi, az összes gyermekelem megjelenik alatta egy almenüben.

Az almenü létrehozásához húzzon egy elemet a szülőelem alá, majd húzza kissé jobbra. Mi ezt tettük a menüben a ‘Szolgáltatások’ alatti 3 almenüponttal:

Itt van az almenü élőben az oldalon:

Az almenühöz akár több legördülő réteget is hozzáadhatsz, így az almenünek is lehet almenüje. Ez a végén kissé zavarosnak tűnhet, és sok téma nem támogatja a többrétegű legördülő menüket.

Ebben a példában láthatod, hogy a ‘Logótervezés’ (a ‘Szolgáltatások’ gyermekelemének) két saját gyermekelemmel rendelkezik.

Kategóriák hozzáadása a WordPress menükhöz

Ha a WordPress segítségével blogot üzemeltetsz, akkor érdemes a WordPress menüben legördülő menüként hozzáadni a blog kategóriáit. Ezt a WPBeginner oldalon tesszük:

A menüpontok képernyőjének bal oldalán található Kategóriák fülre kattintva könnyen hozzáadhatsz kategóriákat a menüdhöz. Az is előfordulhat, hogy az ‘Összes megtekintése’ fülre kell kattintanod, hogy lásd az összes kategóriádat.

Egyszerűen válaszd ki a menühöz hozzáadni kívánt kategóriákat, majd kattints a ‘Hozzáadás a menühöz’ gombra.

A kategóriák rendes menüpontokként fognak megjelenni a menü alján. Elhúzhatja őket a helyükre. Az összes kategóriát a Blog menüpont alá fogjuk helyezni.

A honlapodon szeretnél egy blogoldalt, amely elkülönül a kezdőlapodtól? Ha igen, nézd meg útmutatónkat arról, hogyan hozhatsz létre külön oldalt a blogbejegyzések számára a WordPressben.

Egyéni hivatkozások hozzáadása a WordPress navigációs menükhöz

A kategóriák és oldalak mellett a WordPress azt is szuper egyszerűvé teszi, hogy egyéni hivatkozásokat adj hozzá a menüdhöz. Használhatod a közösségi médiaprofiljaidra, az online áruházadra és/vagy más, a tulajdonodban lévő webhelyekre való hivatkozásra.

A menü képernyőjén az “Egyéni hivatkozások” lapot kell használnod. Egyszerűen add hozzá a linket a menüben használni kívánt szöveggel együtt.

Még kreatív is lehetsz, és közösségi média ikonokat is hozzáadhatsz a menüben.

Menüelemek szerkesztése vagy eltávolítása a WordPress navigációs menükben

Amikor oldalakat vagy kategóriákat adsz hozzá az egyéni navigációs menüdhöz, a WordPress az oldal címét vagy a kategória nevét használja a link szövegeként. Ezt megváltoztathatod, ha szeretnéd.

Minden menüpont szerkeszthető a mellette lévő lefelé mutató nyílra kattintva.

A menüpont nevét itt módosíthatod. Itt kattinthatsz az ‘Eltávolítás’ gombra is, hogy a linket teljesen eltávolítsd a menüből.

Ha nehezen boldogulsz a drag and drop felülettel, akkor a megfelelő ‘Move’ linkre kattintva a menüpontot is áthelyezheted.

WordPress menük hozzáadása az oldalsávokban és láblécekben

Nem kell csak a témádhoz tartozó megjelenítési helyekhez ragaszkodnod. Navigációs menüket bármely widgeteket használó területen, például az oldalsávban vagy a láblécben is hozzáadhatsz.

Egyszerűen menj a Megjelenés ” Widgetek menüpontba, és add hozzá a ‘Navigációs menü’ widgetet az oldalsávodhoz. Ezután adjon címet a widgetnek, és válassza ki a megfelelő menüt a ‘Select Menu’ legördülő listából.

Itt egy példa egy egyéni WordPress lábléc menüre, amelyet Syed Balkhi weboldalán épített.

Tovább a navigációs menükkel

Ha egy igazán epikus menüt szeretnél létrehozni rengeteg linkkel, van egy útmutatónk arról, hogyan hozz létre megamenüt a WordPressben. Ezzel létrehozhatsz egy legördülő menüt rengeteg elemmel, köztük képekkel.

A megamenük nagyszerű lehetőség, ha nagy webhelyed van, például egy webáruház vagy egy híroldal. Ezt a típusú menüt olyan webhelyek használják, mint a Reuters, a Buzzfeed, a Starbucks stb.

Kérdések a WordPress menükről

Itt van néhány a leggyakoribb kérdések közül, amelyeket a WordPress navigációs menükkel kapcsolatban hallunk a kezdőktől.

1. Hogyan adhatok hozzá egy főoldal linket egy WordPress menühöz?

Hogy hozzáadd a főoldaladat egy navigációs menühöz, az Oldalak alatt az ‘Összes megtekintése’ fülre kell kattintanod. Onnan meg kell látnod a honlapodat.

Pipáld be a ‘Főoldal’ melletti négyzetet, és kattints a ‘Hozzáadás a menühöz’ gombra. Ne felejtsd el elmenteni a változtatásokat.

2. Hogyan adhatok hozzá több navigációs menüt a WordPressben?

A WordPressben annyi menüt hozhatsz létre, amennyit csak szeretnél. Ahhoz, hogy elhelyezz egy menüt a webhelyeden, hozzá kell adnod a témád egyik menühelyéhez, vagy egy widget területhez, ahogy fentebb mutattuk.

Hogy több navigációs menüt adj hozzá a WordPress webhelyedhez, először hozd létre a menüket a fenti útmutatónk szerint.

Hogy elhelyezd őket a webhelyeden, kattints a “Helyek kezelése” fülre.

Itt kiválaszthatod, hogy melyik menüt szeretnéd megjeleníteni a témádban elérhető menühelyeken.

Ha új menühelyet szeretnél hozzáadni a webhelyedhez, lásd az egyéni navigációs menük WordPress témákhoz való hozzáadásáról szóló útmutatónkat.

Reméljük, ez a cikk segített megtanulni, hogyan adj hozzá navigációs menüt a WordPressben. Érdemes megnézni az útmutatónkat is arról, hogyan lehet navigációs menüket stílusosítani a WordPressben, és hogyan hozhatsz létre egy ragacsos lebegő navigációs menüt a WordPressben.

Ha tetszett ez a cikk, akkor kérjük, iratkozz fel YouTube-csatornánkra, ahol WordPress-videós oktatóanyagokat találsz. Megtalálhat minket a Twitteren és a Facebookon is.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.