Módot keres egy csodálatos menü létrehozására, amely javítja webhelye felhasználói felületét/UX-jét? Ha igen, akkor jó helyen jár. Itt összeállítottunk egy részletes útmutatót, amely segít Önnek.
Először egy lépésről lépésre bemutatjuk, hogyan hozhat létre menüt a WordPress webhelyéhez. És ha már rájöttél, elvezetjük, hogyan használhatod az Elementor Navigation Menu widgetet a WordPress menü testreszabásához és feltöltéséhez.
Tartalomjegyzék:
Nagyon fontos tudni, hogy a navigációs menük nem csak a forgalom növelése érdekében fontosak webhelyére, hanem a jobb SEO-rangsoroláshoz is.
Valójában a navigációs menük elsősorban a felhasználók elköteleződését szolgálják, de nem ez az egyetlen cél.
A második legfontosabb tényező a „WebCrawler” vagy a robotok szerepének szem előtt tartása, amelyek célja a webhelyek feltérképezése és a tartalom megfelelő szintre való indexelése, valamint a tartalom megfelelő helyre történő besorolásához.
Ezért, ha túl bonyolult menüket hoz létre, akkor a botoknak nehéz lesz rangsorolni a tartalmat, ugyanakkor Ön elveszíti látogatóit.
Röviden, a „könnyű navigáció” kulcsfontosságú szerepet játszik a jobb felhasználói élmény javításában, valamint elengedhetetlen szerepet játszik webhelyünk rangsorolásában és a forgalom növelésében.
Ez kiváló ok arra, hogy sok üzleti webhely egyetlen navigációs ikont tartson fenn az összetett menüsor helyett, amely kattintásra akár egy teljes képernyős menüt is betölt.
Elementor pro widgetnek köszönhetően kód használata nélkül pixel-tökéletes és hihetetlenül rugalmas menüsort hozhat létre.
Ebben az oktatóanyagban bemutatjuk, hogyan használhatja az Elementor navigációs menü widgetet a testreszabott, speciális WordPress menü eléréséhez.
Mielőtt elkezdené az Elementor Navigation widget használatát, nézzük meg, hogyan hozhatunk létre egy egyszerű WordPress menüt az Elementor ingyenes verziójával.
Most, hogy létrehozzon egy WordPress menüt, nem kell semmilyen speciális plugin telepítenie. A WordPress alapértelmezés szerint egy könnyen használható menükészítővel rendelkezik, amely segít egyszerű navigációs menüket létrehozni webhelyéhez.
Ennek ellenére nem fog hozzáférni a menü testreszabási lehetőségéhez. Átveszi a jelenleg aktív WordPress téma kialakítását. De ha ez minden, amit szeretne, akkor ez egy kiváló módja annak, hogy navigációs menüt állítson be WordPress webhelyén.
Először is be kell jelentkeznie a WordPress háttér-irányítópultjára.
Most a bal oldali oldalsávról lépjen a Megjelenés > Menük elemre . Itt egy kétoszlopos elrendezést talál, balra a „Menüelemek hozzáadása”, jobbra pedig a „Menüszerkezet” felirattal.
A Menüszerkezet alatt talál egy mezőt a „Menü neve” számára. Ez lesz a neve annak a menünek, amelyet most készítünk. Nevezzük 1-es menünek.
Megjegyzés : Ne aggódjon. Olvasói nem láthatják a menük nevét. Ez egy olyan funkció, amely segít a különféle menük rendszerezésében.
Menüjének elnevezése után kattintson a „Menü létrehozása” gombra, hogy elérhető legyen. Most hozzá kell adnia a különböző menüelemeket.
Most jön az a rész, amikor feltölti az új menüt menüpontokkal. A bal oldali „Menüelemek hozzáadása” részben talál egy listát azokról a dolgokról, amelyeket felvehet a menüjébe.
Alapértelmezés szerint ez tartalmazza az Ön oldalait, bejegyzéseit, céloldalait, egyéni hivatkozásait és kategóriáit.
csak válassza ki a hozzáadni kívánt menüpontokat a jelölőnégyzet segítségével, majd kattintson a „Hozzáadás a menühöz” gombra. Ezzel feltölti a menüt az összes kiválasztott menüponttal.
Megjegyzés : Figyelje meg, hogy a „Menüelemek hozzáadása” alatt minden egyes szakaszban lehetőség van váltani a – Legfrissebb , Összes megtekintése és Keresés . Ne felejtse el használni ezeket a lehetőségeket, ha sok elem van.
Ha elkészült az összes menüelem hozzáadásával, nyomja meg a „Mentés menü” gombot, és folytassa a következő lépéssel.
Tudtad, hogy a WordPress alapértelmezés szerint lehetővé teszi almenük létrehozását is? Az almenüszerkezet létrehozásakor van egy szülő menüpont és egy gyermek menüpont.
Amikor a felhasználó a szülő menüelem fölé viszi az egérmutatót, megjelenik az alatta elrejtett összes alárendelt menüelem.
Menő ugye?
Az almenüszerkezet létrehozásához mindössze annyit kell tennie, hogy kiválaszt egy menüpontot, amelyet a szülőmenüben szeretne látni. Ezután húzza alá az összes olyan menüelemet, amelyet gyermekmenüként szeretne használni. Most csak húzza jobbra, és kész!
Most, hogy létrehozta az új menüt és hozzáadott almenüket, ideje kezelni a helyét.
A menüszerkesztő tetején látnia kell a „Helyek kezelése” lehetőséget. Kattintson rá, és valami hasonlónak kell megjelennie a következő képernyőhöz:
Mostantól az elérhető menühelyek a telepített témától függenek. Ebben amp van egy témánk, amely 3 menüt támogat.
Miután minden elérhető menühelyhez hozzárendelt egy menüt, kattintson a „Változások mentése” gombra, és kész.
Most már ismeri a WordPress által alapértelmezés szerint kínált összes alapvető menüfunkciót. Ha azonban több testreszabást és funkcionalitást szeretne, olvassa el az Elementor Pro Nav Menu Widgetről szóló további információkat.
Ha testreszabott navigációs menüt szeretne hozzáadni WordPress webhelyéhez, akkor szüksége lesz az Elementor Pro verzióra. Az Elementor Pro verzió Elementor navigációs widgettel, valamint sok más speciális funkcióval érkezik, mint például több mint 300 sablon, témakészítő, előugró widget, WooCommerce widgetek és sok más érdekes funkció.
Melyek a Nav Menu widget fő jellemzői? Íme egy rövid bemutatkozás.
Létre kell hoznia egy alapvető WordPress-menüt, amint azt fentebb említettük, majd testreszabhatja az alapértelmezett WordPress-menüt a pro-nav-menu widget segítségével. Miután létrehozta az elsődleges listát, a következő lépés az, hogy hozzáadja a kívánt helyre, azaz a fejléc részhez.
Ha végzett az alapbeállításokkal, szabjuk testre a menüt a navigációs menü widget segítségével.
A beállítási rész legfelső sarkában három lehetőség közül választhat; Tartalom, Stílus és Haladó.
Az Elrendezés szakasz : három lehetőség közül választhat: Vízszintes, függőleges vagy rejtett legördülő harmonika.
Szakasz igazítása : ez a rész segít a menü szövegelemeinek igazításában; középre, jobbra vagy balra.
Animációs szakasz : ez a szakasz lehetővé teszi animációs effektusok hozzáadását az alá, fölé vagy duplasoros animációs effektusokhoz. Használhatja a keretet, a hátteret és a finom szöveges animációkat is.
Az aláhúzott animációk a következők:
Hasonlóképpen létezik keretes, overline, duplasoros, háttér- és szöveganimáció. Mindegyikük saját animációkészletet kínál, és te is megnézheted őket, hogy megtudd, mit kapsz velük.
Mutató rész : válassza ki a mutató típusát a legördülő menüből.
Almenüjelző rész : az Elementor widget számos almenüstílusi lehetőséget kínál. Ahol nem csak a menü színét, stílusát és hátterét szabályozhatja.
Kitöltés és menütávolság: a párnázás gyorsan állítható. Módosíthatja a menü és az almenü vízszintes kitöltését, a függőleges kitöltést, a köztes térközt, valamint a jobbra, balra és középre igazítást.
Az Elementor rendkívül jól megközelíti a menük közötti távolságot és a kitöltést. Keményen dolgoztak az ajtók mögött, hogy el tudják juttatni az eszközöket a fejlesztőhöz, hogy könnyen elkészíthessék azt a dizájnt, amelyre gondolnak.
A menüosztás számos lehetőséget kínál, többek között:
Színes háttér és tipográfia : a kívánt színséma és háttérszín segítségével személyre szabott márkás megjelenést kaphat. Ezenkívül választhat az átlátszó vagy félig átlátszó menü opciók közül is.
Tervezőként a lehető legtöbbet játszhat ezekkel a lehetőségekkel, és gondoskodhat arról, hogy a háttereket ízlése szerint tervezze meg.
A mobil a web fontos része, ezért az Elementor fejlesztői olyan eszközöket is biztosítanak, amelyek segítségével mobilra is elkészítheti a navigációs sávot.
Az Elementor widget lehetővé teszi a WordPress mobil menüopcióinak teljes körű szabályozását. A mobil képernyő nézetét külön beállításkészlettel vezérelheti a csak mobil képernyőkön. Az Elementor beállítási szakaszának alján van egy lehetőség a mobil képernyő beállítására, ahol megtekintheti a mobil képernyő beállításait.
Röviden, az Elementor mobil menü funkciói a következők:
Reszponzív navigáció: A menü érzékeny elhelyezését kínálja.
A menü minden webhely egyik legfontosabb funkciója. Mert segít a látogatóknak végigjárni az Ön weboldalát, és ha okosan hozna létre egy listát, az segít a látogatóknak hosszú ideig a webhelyén maradni. A menü ugyanolyan fontos, mint bármely webhely teljes elrendezése, a fejléc és a lábléc.
Ezért a menü widgetnek képesnek kell lennie arra, hogy az Ön egyedi márka megjelenését az összes lényeges funkcióval együtt jelenítse meg. Az Elementor Navigation widget olyan funkciókban gazdag képességekkel rendelkezik, amelyek lehetővé teszik az ügyfelek számára, hogy testreszabják a menüszakaszt, hogy az illeszkedjen a márka hangjához. Mostantól használhat egy személyre szabott stílusos menüt a webhelyén, a céloldalon, a fejlécben vagy bármely más olyan területen, ahol meg szeretné jeleníteni.
A webhely fejlécei és láblécei alapvető elemek. A legtöbb esetben a fejléc navigációt biztosít…
A két legnépszerűbb WordPress téma a piacon az Astra és az OceanWP. Szakmai…
Egy kiváló hírwebhely létrehozásához nem szükséges webtervezővé válni. Mi…
A Newspaper téma az egyik legjelentősebb WordPress téma, amelyet a tagDiv, egy…
Amikor egy online áruház létrehozásáról van szó, a WooCommerce a legjobb beépülő plugin . Azt…
A fejléc általában az első dolog, amit az ember meglát, amikor felkeresi a webhelyét,…
Megjegyzések megtekintése
Hola gracias por el post, cuando añado el nav menú no me aparece mi menú se queda solo un recuadro gris en el editor de elementor y si voy a la pagina donde lo tengo no aparece nada. Como puedo solucionarlo? gracias
Szia! Általában ez a probléma akkor jelentkezik, ha a menü üres vagy nincs elmentve. Kérjük, ellenőrizze még egyszer a WordPress menü oldalán.
Hola, una consulta, cómo se puede dar la instrucción para cerrar automaticamente un submenu al abrir otro ítem del menu.
Gracias.
Szia, elnézést, nem értem teljesen a kérdésedet? Meg tudnád adni?
ciao quando le voci del submenù sono troppo lunghe come si riesce a dividerle su più righe ?
Szia, ez nem ajánlott, mert a navigációt nagyon bonyolult lenne olvasni, ebben az esetben jobb egy mega menüstílus
Menü w wersji mobilnej nie otwiera sie. Jak moge je utworzyc zeby wyswietlalo sie na telefonach?
Szia, a mobil menü megjelenítése automatikus, ha az Elementor navigációs widgetet használod. De a menübeállításokban ellenőriznie kell a "töréspont" hívás beállítását. Ez az a képernyőméret, amikor a menüje vált.
Tôi dùng thằng này, mà trên destop tôi để chế độ Vízszintes mà nó không nằm ngang, nó cứ nằm dọdaton, tôme thei. Có gì hỗ trợ mình với nhé.
Sziasztok, az miképp oldható meg, hogy egy vertikális menüben az almenüre kattintás után ne zárja össze a menüt az oldal betöltésekor? EPro
Szia, sajnos ez nem lehetséges, az Elementor nav widgetben nincs ilyen lehetőség.
Ciao. Vorrei sapere ez lehetséges viteldíj módban, hogy a rimanga semper visibile menüben jelenjen meg az oldal vizualizációja. Purtroppo tutte le volte che ci ho provato il menu scende ma il colore di background del menu no rendendolo praticamente illegibile le scritte. Grazie