A jó navigációs rendszer az egyik legfontosabb eleme egy weboldal sikerének. A legördülő menü pedig egy egyszerű módja annak, hogy ezt elérd. Lehet, hogy a WordPress webhelye sok értékes információval rendelkezik, de ha a navigáció nem megfelelő, akkor semmi haszna. Az emberek hajlamosak odébbállni. A WordPress legördülő menü megoldja ezt a problémát. Visszatartja a látogatókat és csökkenti a visszafordulási arányt.

Az ok, amiért sokan távol maradnak a legördülő menüktől, az az, hogy nem tudják, hogyan kell létrehozni. Pedig, ez egy nagyon egyszerű feladat. Bárki meg tudja csinálni anélkül, hogy bármilyen kódot használna. Nem szükséges hozzá technikai tudás.

Ebben a cikkben lépésről lépésre útmutatót adunk egy legördülő menü létrehozásához a WordPressben. A lépések mellett képernyőképek is vannak. Menj végig a lépéseken egyszer. Ön képes lesz arra, hogy egy legördülő menü a saját.

A legördülő menü használatának előnyei a WordPressben

A legördülő menü használatának rengeteg előnye van a webhelyeden. Először is, stílusos megjelenést kölcsönöz a honlapodnak. Mivel általában vízszintes sorban jelenik meg az oldal tetején. Minimális oldalszámú webhelyet hozhat létre. Tanulmányozhatja a látogatók viselkedését azon keresztül, ahogyan a navigációs lehetőségek között kattintanak. A legördülő menü a hibakeresési időt is csökkenti.

A következők a legördülő menü használatának néhány fő előnye:

A legördülő menü használatának előnyei egy #WordPress #weboldalon. Click To Tweet

Flexibilitás

A legördülő menü használatának nagy előnye, hogy tetszőleges számú elemet tartalmazhat. Egyetlen ikon magával viszi az összes többi rejtett ikont alatta. Ez nem teszi az oldaladat szövegnehézzé. Többé nem kell aggódnia a képernyő kinézete miatt. Nagyszámú elemet adhat hozzá, és mégis minimális designt kaphat.

Térkímélő

Mivel egyetlen ikon alá sok elemet adhat hozzá, helyet takarít meg. A legördülő menü nagyszerű lehetőség, ha nagyon kevés helyed van és sok hasznos elemmel rendelkezel. Nagyon kis helyen sok információt foglalhat el. Ez teszi webhelyét felhasználóbaráttá, valamint információgazdaggá.

Egyszerű navigáció

Minél több időt töltenek látogatói az oldaladon, annál jobb neked. A rossz navigáció sokszor irritálja a látogatókat. Hajlamosak átváltani egy másik oldalra. Egy legördülő menüvel orvosolhatja ezt a problémát. Egyszerű navigációs rendszerrel rendelkezik. Visszatartja a nézőket.

Használóbarátság

A legördülő menü segítségével az elemeket kategóriájuk vagy hierarchiájuk szerint rendezheti. Lehetővé teszi a sorrendiség létrehozását. A sorrendet a látogatók böngészési szokásait szem előtt tartva állíthatja be. Kényszert kell érezniük arra, hogy a szülői menüre kattintsanak. Ezt követően ott kell találniuk a kívánt dolgokat. Ez fogja őket arra késztetni, hogy újra visszatérjenek Önhöz.

Hogyan hozzon létre legördülő menüt a WordPressben

1. lépés: Egy olyan WordPress téma kiválasztása, amely támogatja a legördülő menüt

A WordPress beépített menükezelő rendszerrel rendelkezik. A megjelenítés azonban teljesen a használt témától függ. Szinte az összes WordPress téma támogatja a legördülő menüket. De vannak olyanok, amelyek speciális menükezelő rendszerrel rendelkeznek. Ezek a témák számos funkciót kínálnak a menü létrehozásához és testreszabásához.

Itt van néhány olyan WordPress téma, amely támogatja a legördülő menüt:

#Top 3 #WordPress #téma, amelyek támogatják a legördülő menüt. Click To Tweet

Responsive Pro

A Responsive Pro egy reszponzív és többcélú WordPress téma. Exkluzív menükezelő rendszerrel rendelkezik. Egyszerűen létrehozhatunk egy legördülő menüt a drag & drop funkciók segítségével. Mobilra optimalizált és WooCommerce integrált. Fejlett tipográfiával és korlátlan színsémákkal rendelkezik. A téma villámgyors betöltési sebességgel rendelkezik. Nagyon könnyen testreszabható. Elérhető 47 dollárért.

Divi

A Divi egy elegáns WordPress téma. Rengeteg hasznos funkcióval rendelkezik. Fejlett menükészítési funkcióval rendelkezik, drag and drop lehetőségekkel. A Divi egy erőteljes oldalépítő. Vizuális oldalépítési és szerkesztési lehetőséggel rendelkezik. Elérhető 89 dollárért.

Ocean WP

Az Ocean WP egy modern WordPress téma. Exkluzív menükezelő rendszerrel rendelkezik. Pillanatok alatt létrehozhatunk egy legördülő menüt. A téma SEO optimalizált és készen áll az e-kereskedelemre. Reagál és fordításra kész. Ez egy ingyenes téma.

Astra

Astra egy többcélú WordPress téma. Ez egy erőteljes mega menüépítő. Mobilra optimalizált és WooCommerce kész. Van egyéni elrendezés, ragadós fejléc és dedikált oldalsáv. A téma fejlett tipográfiával és színopciókkal rendelkezik. Elérhető 47 dollárért.

2. lépés: Navigációs menü létrehozása a WordPressben

Az első lépés a navigációs menü létrehozása. Ehhez az alábbi spetseket kell követned –

• Menj a WordPress Dashboardra
• Menj a Megjelenés >> Menü oldalra
• Kattints az “Új menü létrehozása” linkre

Most adj nevet a menünek. Ez nem lesz látható senki más számára rajtad kívül. Ez a név segít majd azonosítani a menüt a WordPress admin területén. A név megadásához kövesd a következő lépéseket –

• Egy doboz jelenik meg a képernyőn
• Adj egy nevet a dobozba
• Kattints a “menü létrehozása” gombra
• A menü létrejön, de üres

Mivel a menü üres, a következő lépés a menü elemeinek hozzáadása. Ez nagyon egyszerű. Használhatja a drag & drop funkciót. Vagy kövesse az alábbi lépéseket –

• Adja hozzá a felső linkeket a navigációs menüjéhez
• A tételek megjelennek a menü sorában
• Válassza ki a hozzáadni kívánt tételeket
• Kattintson a “Hozzáadás a menühöz” gombra
• A tételek megjelennek a menüben

3. lépés: Alelemek hozzáadása a menühöz

Az alelemek a legördülő menüben megjelenő elemek. A menü bármelyik eleme alá hozzáadhatja őket. a sorrendet tetszés szerint rendezheti. Bármelyik elemet bármelyik szülői hivatkozás alá hozzáadhatja. Minden az Ön igényeitől függ. Itt alelemeket fogunk hozzáadni a blog link alatt.

Az altételek hozzáadásához a menüjéhez kövesse a következő lépéseket –

• Kiválasztja az elemeket a bal oldali oszlopból
• Kattintson a “Hozzáadás a menühöz” gombra
• A tételek mostantól megjelennek a menüben

De, ezek a tételek most rendes elemként fognak megjelenni. Át kell alakítanod őket altételekké. Ez egyáltalán nem nehéz. Csak annyit kell tennünk, hogy áthúzzuk a tételeket, és egy szülőmenü alá helyezzük őket. Ismételje meg a lépéseket az összes olyan hivatkozással, amelyet egy szülőmenü alatt szeretne megjeleníteni. Most kattintson a “Menü mentése” gombra.

4. lépés: A legördülő menü közzététele

A menü létrehozása után ki kell választani a megjelenítési helyet. Kövesse az alábbi lépéseket –

• Nézze meg a jobb oldali oszlopot
• Menjen a menü beállításaihoz
• Válasszon egy lehetőséget a “Megjelenítési hely” mellett
• Kattintson a “Menü mentése” gombra

A menüje most már készen van. Látogasson el egyszer a weboldalára, hogy ellenőrizze a legördülő menüt működés közben. Ha jól működik, akkor kész vagy.

WordPress bővítmények a legördülő menü funkcióinak bővítéséhez

Szeretnél több funkciót hozzáadni a #WordPress legördülő #menüjéhez? Íme egy lista a #Top 5 WordPress menü #pluginról. Click To Tweet

Max Mega Menu

A Max Mega Menu egy funkciógazdag WordPress menü bővítmény. WooCommerce és Easy Digital Downloads integrációval rendelkezik. Beépített témaszerkesztővel rendelkezik, több mint 100 testreszabási lehetőséggel. CSS3-ra épül. több menüt támogat, amelyek mindegyike saját konfigurációval rendelkezik. A felhasználók létrehozhatnak vízszintes vagy függőleges menüt. A plugin ingyenes és prémium opciókban is elérhető.

Features

• Tabbed Sub Menus
• Sticky Menu
• Accordion Menu
• Custom Icons
• Custom Icons
• Custom Item Styling

Ár – $29

UberMenu

UberMenu egy reszponzív WordPress menü plugin. Teljes rácsrendszerrel rendelkezik, egyéni elrendezésvezérléssel. A plugin támogatja a füles almenüket. Könnyen testreszabható. Továbbfejlesztett felhasználói felülettel rendelkezik. Van automatikus integrációs lehetőség a témákhoz.

Tulajdonságok

• Flexibilis elrendezések
• Felfejlett tartalom
• Mobil-Optimalizált
• Dinamikus elemgenerálás
• Elfejlesztett felhasználói felület

Ár – $25

Hero Menu

Aero Menu egy professzionális WordPress menü plugin. Végtelen lehetőséggel érkezik. A plugin reszponzív és rugalmas. Fejlett ragadós menüvel rendelkezik. Készen áll a telepítésre és könnyen használható. Bárki használhatja. Nem szükséges hozzá kódolási tudás.

Features

• Drag & Drop Menu Builder
• 60 színelőkészlet
• Free Icons
• WooCommerce Enabled
• Mobile-Optimalizált

Ár – $14

WP Mobile Menu

A WP Mobile Menu egy modern WordPress menü plugin. Több mint 2000 ikonnal, 2 reszponzív menüpanellel és korlátlan színbeállításokkal rendelkezik. Ezzel a pluginnal a menük csak a bejelentkezett felhasználók számára láthatók. Két különböző megjelenítési lehetőség van. Slideout a tartalom felett és slideout push content. A plugin ingyenes és prémium verzióban is elérhető.

Tulajdonságok

• Menü kosár ikonok
• 5 mélységű menüszint
• Főcím banner
• Lábléc menü
• Alternatív manusok Oldalanként

Ár – $29

WP Responsive Menu

A WP Responsive Menu egy ingyenes WordPress plugin a menüépítéshez. Rengeteg könnyen használható funkcióval rendelkezik. Lehetőség van arra, hogy a menüt egyszerű swipe gesztusokkal nyissa meg vagy zárja be. Meg lehet változtatni a menü ikonok animációit a webhelyek igényei szerint. A plugin azonnal használható és könnyen testreszabható.

Tulajdonságok

• Kereső sáv a menüben
• WooCommerce integrált
• Mobil-optimalizált
• Logók hozzáadása & ikonok
• Két megjelenítési lehetőség

Ár:

Megpróbáltunk betekintést nyújtani abba, hogyan hozhatsz létre legördülő menüt a WordPress weboldaladon. Reméljük, hasznosnak találtad a lépéseket. A fent említett lépéseket követve néhány perc alatt létrehozhatod a saját legördülő menüdet. De nagyon tisztában kell lenned a céloddal. Ismerd meg a látogatóid gondolkodásmódját. Próbáld megérteni, hogy mit fognak keresni a webhelyeden. És ez alapján rendezd el a legördülő menü elemeit.
Ha tetszett a cikk, ne felejtsd el megosztani a Twitteren. Megoszthatod a Twitteren az alábbi “Click to tweet” gombra kattintva.

#Tanuld meg, hogyan hozhatsz létre egy #WordPress legördülő #menüt kevesebb mint 15 perc alatt. Click To Tweet