Tovább a tartalomhoz

Navigációs menü: menü építése az Ismétlő menütípussal

A Navigációs menü widget Ismétlő menütípusa: menüelemek felvétele a widgeten belül, szintek, mega menü sablonnal, címke, ikon és a mobilmenü.

Az Ismétlő menütípussal a menüt közvetlenül az Elementorban építed fel: minden menüelemet a widgetben veszel fel, rendezel és stílusozol, a Megjelenés → Menük oldal nélkül. Ez blokktémákon is működik, amelyek elrejtik a Menük képernyőt. A widget általános beállításait a Navigációs menü fejezet írja le.

Az Ismétlő típus az ingyenes Navigation Menu Lite widgetben is megvan, a mega menü sablonnal együtt.

  • A Navigation Menu widget bekapcsolva a The Plus Addons → Widgets oldalon.
  • Egy fejlécsablon, amelybe a widgetet teszed, hogy a menü minden oldalon megjelenjen. A fejlécet megépítheted a Nexter Builderrel vagy az Elementor Pro Theme Builderével.
  • Mega menühöz egy közzétett Elementor-sablon (Sablonok → Mentett sablonok).

1. lépés: az Ismétlő típus kiválasztása

Szekció neve “1. lépés: az Ismétlő típus kiválasztása”

Az Elrendezés szakaszban állítsd a Menütípust Ismétlőre, majd válaszd ki a Menü irányát.

https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor
Az Elrendezés szakasz Ismétlő menütípussal és a három menüiránnyal

A képen a Menütípus értéke Ismétlő, alatta a Menü iránya három képe és az Igazítás látszik.

A Tartalom → Navigációs menü lista minden sora egy menüelem. Főmenüponthoz:

  1. Nyisd ki a sort, és a Menüszint értéke legyen 0. szint.
  2. A Link mezőbe írd az oldal címét, a Menüszöveg mezőbe a felirat szövegét.
  3. A következő elemhez kattints a lista alatti Add Item gombra (a felületen angol felirat).

Egy sor akkor lesz almenüpont, ha a szintje nagyobb, mint a fölötte lévő soré.

  1. Add hozzá a sort közvetlenül a szülő sor alá.
  2. Állítsd a Menüszintet 1. szintre. A 2. szint és a mélyebbek további szinteket adnak, hatodik szintig.
  3. A sorok sorrendje számít: az 1. szint sor a fölötte legközelebbi 0. szint sorhoz tartozik. A sorokat húzással mozgathatod.

Az 1. szint soron az Almenü típusa két értéket kínál: Link (hagyományos almenüpont) vagy Megamenü.

  1. Válaszd a Megamenü értéket.
  2. A Sablon listában válaszd ki az Elementor-sablont. A lista alatti Edit Template gomb (a felületen angol felirat) az oldal elhagyása nélkül megnyitja a sablont.
  3. A Mega menü típusa adja a panel szélességét: Alapértelmezett, Tároló vagy Teljes szélesség.
  4. Alapértelmezett típusnál megjelenik a Konténer szélessége (a panel szélessége képpontban) és a Legördülő menü illesztése (Alapértelmezett vagy Középre). Ezek az előtte lévő menüpont lenyíló panelét alakítják.
https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor
Az 1. szint sor Megamenü almenütípussal, sablonnal és a Mega menü típusa mezővel

A képen a Menüszint értéke 1. szint, az Almenü típusa Megamenü, alatta a Sablon, a Mega menü típusa, a Konténer szélessége és a Legördülő menü illesztése látszik.

A Mobil megamenülink szerkesztésével a mobilmenüben a sablon helyett egy egyszerű link jelenik meg, saját Link és Menüszöveg mezővel.

https://minta-bolt.hu/tp-kn6-ismetlo/
A megnyitott mega menü sablonja a Szolgáltatások menüpont alatt

A képen a Szolgáltatások fölé vitt egér alatt megnyílt a sablon panelje, a Bolt menüponton az Új címke látszik.

Beállítás Mit csinál
Címke Kis jelvény, például „Új”, saját szöveggel, színnel és háttérszínnel
Menüikon típusa Nincs, Ikon vagy Kép a szöveg előtt
Almenü minimális szélessége (px) Ennek a menüpontnak a lenyílója legalább ilyen széles
Normál / Rámutatás / Aktív Az ikon padding, szín és háttér beállításai csak ehhez az elemhez
Leírás Egy sor szöveg a menüpont alatt (stílusa a Stílus → Leírás szakaszban)
Egyéni osztály CSS-osztály saját stílushoz vagy szkripthez

Ha a Mobil menü → Menü kiválasztása mező üres, a mobilmenü az ismétlős elemeket mutatja. Csak akkor válassz ide WordPress-menüt, ha a mobilmenü eltérjen az asztalitól. A mobilmenü beállításait a mobilmenü fejezet írja le.

  • Az Almenü típusa csak az 1. szint soron van. A mélyebb szintű sorok mindig linkek.
  • A menü a widgetben él. Egy másik fejlécben való újrahasználáshoz másold a widgetet.
  • A Jupiter X és Blocksy témákon a widget mindig WordPress-menüt jelenít meg, ezért az Ismétlő típus ott nem működik.

Egy almenüpont főmenüpontként jelenik meg. A Menüszintje még 0. szint, vagy nincs közvetlenül a szülője alatt. Javítsd a szintet, vagy húzd a helyére.

A mega menü panelje üres. Válassz ki egy közzétett sablont a Sablon listában. Ha az Edit Template gomb folyton tölt, nyisd meg a sablont a Sablonok → Mentett sablonok alatt.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások