Legördülő menü

A legördülő menü hamburger-jellegű kapcsolóra nyílik le, és almenüt vagy megatartalmat is hordozhat. Ez a fejezet a menü elkészítésétől a megjelenítéséig végigvezet.

Követelmények

• Elementor és a JetMenu aktiválva.
• A fejlécsablon készítéséhez a Crocoblock sablonszerkesztője.
• Ha egyedi bejegyzéstípusok oldalait is a menübe teszed, a JetEngine is kell.

1. A menü létrehozása

1. Nyisd meg a Megjelenés → Menük oldalt, és kattints az új menü létrehozására szolgáló hivatkozásra.
2. Írd be a menü nevét, és kattints a Menü létrehozása gombra.
3. A Menüelemek hozzáadása részben jelöld be a menübe szánt oldalakat, bejegyzéseket és egyéni hivatkozásokat, majd kattints az Add to Menu gombra.
4. Az elemek először főelemként kerülnek a menü szerkezetébe. Almenüelem készítéséhez húzd az elemet jobbra, a szülőelem alá. A sorrendet az elemek lenyitása után a fel és le gombokkal is módosíthatod.
5. A Menü beállítások részben jelöld be a menühelyet (például Elsődleges menü).
6. A JetMenu-helyek beállításai dobozban kapcsold be a JetMenu bekapcsolása az aktuális menühelyen kapcsolót, és kattints a Menü mentése gombra.

2. A megatartalom hozzáadása

1. Vidd az egeret a menüpontra, és kattints a Settings gombra. Az Item settings ablak a Mega Content, Item Icon, Item Badge, Advanced és Dynamic Visibility részekből áll.
2. A Mega Content résznél kapcsold be a Use Mega content kapcsolót, a MEGA CONTENT TYPE mezőben válaszd ki a szerkesztőt, és kattints az Open editor gombra.
3. Építsd fel a tartalmat (szöveg, képek, listák), és kattints a Frissítés gombra. Zárd be a szerkesztőt.
4. Az ikon és a jelvény beállításait az Item Icon és Item Badge részekben adhatod meg (A menüelem beállításai).
5. Kattints az ablakban a Save gombra, majd a menüszerkesztőben a Menü mentése gombra.

A megatartalom részletes beállításait a Megamenü készítése fejezet írja le.

3. A JetMenu beállításai a legördülő elrendezéshez

1. Nyisd meg a Crocoblock → JetPlugins Settings oldalt, és válaszd a JetMenu részt.
2. A Főmenü részben, az Elrendezés szakaszban válaszd a Legördülő menü értéket. Ilyenkor megjelennek a legördülő menühöz tartozó mezők (elrendezés, pozíció, ikon).
3. Ugyanitt megadhatod az Almenü animációját, az Almenü aktiválási módját, az Almenü célpontját, valamint a kapcsoló és a nyitott kapcsoló ikonját (feltöltéssel vagy az ikontárból).
4. A Főmenü stíluscsoportban a konténer szélességét, a tipográfiát, a színeket, a térközöket, a kereteket és a jelvény beállításait állíthatod.

A mezők leírása: A JetMenu beállításai.

4. A menü megjelenítése a Megamenü widgettel

1. Nyisd meg a Crocoblock → Theme Templates oldalt, és kattints az új sablon hozzáadására.
2. A Template Type listából válaszd a Header értéket, válaszd ki a szerkesztőt, adj nevet a fejlécnek, és kattints a Create Template gombra.
3. A szerkesztőben keresd meg a Megamenü widgetet, és húzd az oldalra.
4. A Menü listában válaszd ki a létrehozott menüt, az Elrendezés listában pedig a Legördülő menü értéket.
5. Ilyenkor megjelenik a Legördülő menü elrendezése (Alapértelmezett vagy Tolás) és a Legördülő menü pozíciója (Jobb, Középre, Bal) mező. A többi mezőt az Elementor-widgetek fejezet írja le.
6. Állítsd be a Stílus fülön a megjelenést, és kattints a Frissítés gombra.
7. Add meg a fejlécsablon megjelenési feltételeit, hogy az oldalon valóban megjelenjen.

Nyisd meg a weboldalt: a menü a kapcsolóikonra kattintva lenyílik, és a megatartalmú elemekre rámutatva a panel is megjelenik.