Hur man lägger till Elementor-menyobjekt i WordPress

Vill du lägga till en meny på din Elementor-sajt? Då har du kommit rätt! I den här självstudieguiden kommer vi att visa dig hur man skapar en Elementor-meny, ställer in och anpassar navigeringsmenyn på din webbplats.

För alla typer av webbplatser är anpassade menyalternativ ett måste. De gör navigeringen enklare och hjälper människor att hitta den information de behöver med bara några få klick.

Många webbplatsägare placerar menyer i sidhuvudet så att de visas på varje sida på deras webbplats. Dess lätt att lägga till en meny i Elementor, speciellt om du följer våra följande tips och tricks 😉

Den här artikeln kommer att lära dig hur du använder ElementsKit nav menywidget i Elementor. En unik meny kan skapas och anpassas i denna följande guide!

Vad är en Elementor Mega Menu WordPress?

Att lägga till menyer på webbplatser har blivit allt mer populärt de senaste åren. Den här rika navigeringsmenyn kan hjälpa dig förbättra webbplatsnavigeringen genom att tillåta användare att enkelt bläddra i ditt material och upptäcka vad de letar efter.

Du kan använda sidor, inlägg, kategorier och webbadresser som menyalternativ i WordPress-standardnavigeringsmenyn, som är stiliserad av ditt tema.

Detta skulle vara en av de de viktigaste delarna av din webbplats för att få ut det mesta av din onlinenärvaro. Och menyn är det första elementet som du bör överväga att lägga till på din WordPress-webbplats.

Här är två anledningar till varför du kan behöva en ElementsKit – Nav Menu-widget:

• Du vill göra en gigantisk såväl som skräddarsydd menylayout.
• Du behöver en avancerad plugin med en allt-i-ett-lösning för din webbplats.

Genom att använda ElementsKit allt-i-ett-tillägg för Elementor-widgets och kraftfulla anpassningsfunktioner kan du skapa en innehållsrik meny med vårt helt nya WordPress-plugin för megameny.

🔔 Vet du?
Du har inte så mycket kontroll över sidhuvudet eller sidfoten som du vill när du använder ett WordPress-tema eller sidbyggare.

Vill veta mer? Glöm inte att gå igenom vår senaste blogg på Hur man skapar och anpassar sidfot – Elementor Page Builder

Vad Elementors Mega Menu från ElementsKit har att erbjuda:

Som alla andra WordPress Elementor menytillägg öppnar ElementsKit också upp en mängd möjligheter för att "hacka" in i din vanliga WordPress-meny.

För att vara mer specifik hjälper plugin dig i följande aspekter:

• Anpassa menyn med taggar, färg, hovringseffekt och ikoner.
• Ändra utseendet på dina topp- och undermenyer.
• Skapa både vertikala och horisontella menyer.
• Välj din önskade header-layout från ElementsKit-biblioteket. 
• Lägg till animationseffekter för att få din undermeny att visas.
• Lägg till med bara ett klick genom att dra och släppa nav-menywidgeten.
• Fungerar utmärkt även med e-handelsplattformar (t.ex. WooCommerce)
• Bygg innehåll i Elementor sidbyggare.
• Använd alla elementwidgetar du gillar.
• 100% responsiv.
• Off-canvas menystil i surfplattavy.
• Visa byggarinnehåll eller enkla listor som en undermeny i surfplattavy.

Och naturligtvis, det bästa är att ElementsKit Nav-menyn är tillgänglig både gratis och premium versioner. Så även om du inte köper de betalda prenumerationerna, skulle du fortfarande uppleva denna fantastiska Elementor-menyfunktion på din webbplats.

Hur man skapar menyobjekt i Elementor

Låt oss ta en titt på några verkliga instanser och gå igenom vår lektion i WordPress stora meny. Nu är du på väg att åka utomlands för att skapa din WordPress megameny, rubrik och lägga till innehållet.

Skapa en meny

För att skapa en Elementor-meny måste du göra är Sätta på megamenyalternativet från ElementsKit-starten Moduler sida och efter att ha aktiverat den klickar du på Spara ändringar knapp.

Att skapa en elementor-meny kräver några enkla steg. Gå bara till din WordPress instrumentpanel klicka sedan på Menyer. Efter det kommer du att se en sektion med namnet Menystruktur. Mata sedan in din Menynamn eller menyhuvud och klicka på Skapa meny.

Expandera nu Anpassade länkar och sätt din URL såväl som Länktext, klicka sedan på Lägg till i menyn.

📝Snabb anmärkning
Du kan lägga till, ta bort eller redigera så många megamenyalternativ du vill genom att upprepa samma metod.

Det är dags att lägga till dina menyalternativ i Elementor genom ElementsKit. Men innan dess måste du kryssa i ✅ aktivera menyn för megamenyinnehållet sektionen, under sektionen Menynamn. 

Då kommer du att se en Mega Menu-tagg på din Länktext. Efter att ha klickat på Mega meny tagg en popup öppnas.

För att aktivera alternativet Mega Menu måste du klicka på aktivera REDIGERA MEGAMENYINNEHÅLL knappen och spara. Du är redo! 

🧐 Mer information om Elementor Menu
Glöm inte att besöka vår blogg på Hur man skapar en megameny med Elementor och ElementsKit

Importera en meny (Vertical Mega Menu)

För att skapa en vertikal meny måste du först sätta på de vertikal meny widget. Klicka sedan på spara ändringar.

Klicka sedan på Mallar på vänster sida av din instrumentpanel. Efter att bara klickat på Importera mallar.

Nu måste du välja Välj FIL från din enhet. Sedan är det bara att klicka på Importera nu. Och du kommer att se alla dina importerade data på en gång.

Dessutom, för att skapa en vertikal meny med dina data måste du gå till Utseende klicka sedan på Menyer. Du kan också följa skapa en meny från ovan. För mer information kan du besöka vår dokumentationssida på den vertikala menyn.

Anpassa menyn 

Det är dags att anpassa ditt innehåll och för att göra det måste du klicka på REDIGERA MEGAMENYINNEHÅLL knapp. Direkt efter att du har klickat på knappen kommer du att se att en Elementor-menystilskärm har dykt upp. 

Allt du behöver göra är att klicka på ElementsKit-ikonen och välj vilken fördefinierad rubrik du vill infoga på din webbplats. 

Direkt efter att ha klickat på ElementsKit-widgetknapp, det tar dig till dess widgetbibliotek. Där får du massor av färdiga sidor, mallar och avsnitt. Men för att skapa en megameny måste du klicka på Avsnitt

För att skapa och anpassa dina menyalternativ på Elementor. Du måste välja layouten för Mega Menu-objekt och börja anpassa efter ditt hjärtas innehåll!

Här hittar du 3 delar (Layout, Stil och Avancerat) för att anpassa din Elementor-meny genom ElementsKit:

Layout:
I det här avsnittet kommer du att se flera alternativ för att redigera en Elementor-menylayout och struktur. Du har total kontroll över hur din megameny ska presenteras.

Nu med ElementsKit megamenywidgeten kan du anpassa din Innehållsbredd, antingen kan du göra den till en helskärmsmeny eller anpassa vilken storlek du föredrar genom att skjuta åt höger eller vänster. Kolumnluckor mellan din megameny kan också anpassas som du vill.

Med ElementsKit Elementor-menyn kan du redigera höjden på dina menyalternativ. Den har också flera alternativ för att redigera Vertikal justering, Svämma över, HTML-taggar som kan ändras enligt dina önskemål.

Stil:
Med ElementsKit megamenystilsalternativ kan du ändra hela menyutseendet. För att vara mer specifik kan du ändra eller redigera Bakgrund, Bakgrundsöverlägg, Gräns, Formavdelare, och naturligtvis Typografi.

Elementor megamenywidget från ElementsKit är en livräddare. Den har en rad menyelement som hjälper dig att göra det bästa av dina menyalternativ. 

Avancerad:
Våra avancerade menyalternativ för din WordPress-meny är något du alltid har letat efter. Ja, ElementsKit Elementor megamenyalternativ hjälper dig också att komma åt och redigera hela avancerade sektioner. 

Där du kan skapa en helt ny menylayout. ElementsKit har mer avancerade alternativ som att lägga ihop effekter, klibbig, rörelseeffekter, sväva anpassning och många fler som kommer att förbättra din redaktionella upplevelse ännu bättre och kommer att göra din megameny smartare. 

Konfigurera navigeringsmenyn för Elementor

Den sista och viktigaste delen är att synkronisera en megameny du behöver för att skapa en rubrik på din Elementor-webbplats. 

Nu kommer vi att visa dig hur du skapar en anpassad huvudmall för Elementor. Tja, det finns en annan god nyhet för dig med ElementsKit nav-menywidgeten, du kan skapa nav-menylayouten genom att bara klicka på våra förbyggda WordPress-menylayoutalternativ. 

Låt oss börja! 

Först och främst måste du gå till ElementsKit på din WordPress-instrumentpanel och klicka sedan på sidfot, för att aktivera navigeringsmenywidgeten på din webbplats. 

Klicka sedan på Lägg till ny nämns precis efter mallar. 

Efter att ha klickat på Lägg till ny knapp a Mallinställningar kommer att dyka upp, vilket är den sista delen av att integrera en megameny på din webbplats.

Här i det här avsnittet måste du ge din nav-meny ett namn som kallas rubriktitel. Du kan också ändra villkoren för rubriken och klicka på aktivering (om du är redo och nöjd med dina megamenyalternativ.)

I den sista delen, glöm inte att klicka på redigera med elementor knappen precis före spara ändringar knapp. 

Nu kommer vi att visa dig 2 sätt på hur du kan lägga till din megameny genom nav-menywidgeten från ElementsKit.

Metod ett: 

För att lägga till en nav-menywidget på din webbplats är den första metoden du kan göra efter att ha klickat på den redigera med elementor knappen, allt du behöver göra är att klicka på ElementsKit widgetikon gå sedan till avsnitt och välj a header stil vilket du än föredrar. 

Efter det kommer du att se din Rubrik titel som du lagt till från din WordPress-instrumentpanel kommer att visas på den valda menydelen. Och bara genom att klicka på rubriken ser du att alla dina megamenyalternativ är synliga.

Metod två:

Du kan också bädda in nav-menywidgeten genom dra-släpp-alternativ och lägga till olika element runt det också (t.ex. bilder, videor, andra avsnitt, etc.)

Allt du behöver göra är att välja vilken typ av avsnitt som helst (jag har valt tre avsnitt för det här exemplet). Sök efter vilka widgets du föredrar att lägga till från din Elementor-instrumentpanel.

Här i det här exemplet har vi dragit en bild, en navigeringsmeny och en video. Du kan lägga till så många sektioner och widgets som du vill. 

Sedan kan samma metod användas för att aktivera din nav-menyn: på välj meny avsnittet kommer du att se din rubriktitel som du lade till från din WordPress-instrumentpanel. Och bara genom att klicka på rubrikens titel ser du att alla dina megamenyalternativ är infogade. 

Nu vet du att det är superenkelt att använda nav-menywidgeten och du är redo för rock 'n roll! Tänk på att du också får skapa en meny utanför arbetsytan i ElementsKit. 

🛠 Ytterligare info
För att veta mer om off-canvas meny i ElementsKit, glöm inte att kolla in vår senaste video om bygga en off-canvas-meny med ElementsKit

Slutgiltiga tankar

Mega-menyer är underbara verktyg för att förbättra webbnavigering. De tillåter dig att organisera ett stort antal kategorier och varor för att underlätta för användarna för att bläddra i ditt innehåll.

Att skapa Mega Menu med ElementsKit-tillägget för Elementor är alltid där för att ge dig det bästa stödet utan pris. Om du lägger till det själv kan ElementsKit-tilläggets inbyggda Nav Mega Menu-alternativ vara en början för dig.

ElementsKit är enkelt, tar lite tid att installera och justera, är också enkelt att använda. Vi hoppas dock att den här artikeln var tillräckligt användbar för att ge en överblick över hela aspekten av megamenyn.

Lämna en kommentar nedan om du har några frågor angående Mega Menu, Nav Menu eller dess funktioner.

Om du gillade den här artikeln kommer du säkert att hitta några fler användbara tips och bloggar genom att gå med i vår WPmet-gemenskap Följ oss på Facebook/Twitter. Slutligen, glöm inte att prenumerera på vår kanal på Youtube för användbara handledningar.