Vil du tilføje en menu til dit Elementor-websted? Så er du kommet til det rigtige sted! I denne tutorial guide vil vi vise dig hvordan man opretter en Elementor-menu, opsætter og tilpasser navigationsmenuen på din hjemmeside.
For enhver type hjemmeside er brugerdefinerede menupunkter et must-have. De gør det nemmere at navigere og hjælper folk med at finde de oplysninger, de har brug for, med kun få klik.
Mange webstedsejere placerer menuer i sidehovedet, så de vises på hver side på deres websted. Det er nemt at tilføje en menu i Elementor, især hvis du følger vores følgende tips og tricks 😉
Denne artikel vil lære dig, hvordan du bruger ElementsKit nav menu widget ind Elementor. En enestående menu kan oprettes og tilpasses i denne følgende guide!
Hvad er en Elementor Mega Menu WordPress?
Tilføjelse af menuer på websteder er blevet mere og mere populært i de senere år. Denne rige nav-menu kan hjælpe dig med forbedring af webstedsnavigation ved at give brugerne mulighed for nemt at gennemse dit materiale og finde ud af, hvad de leder efter.
Du kan bruge sider, indlæg, kategorier og URL'er som menupunkter i standard WordPress-navigationsmenuen, som er stiliseret efter dit tema.
Dette ville være en af de vigtigste elementer på dit websted for at få mest muligt ud af din online tilstedeværelse. Og menuen er det første element, du bør overveje at tilføje til dit WordPress-websted.
Her er to grunde til, at du muligvis har brug for en ElementsKit – Nav Menu-widget:
- Du vil gerne lave et gigantisk såvel som tilpasset menulayout.
- Du har brug for et avanceret fremhævet plugin med en alt-i-én-løsning til din hjemmeside.
Ved at bruge ElementsKit alt i én tilføjelse til Elementor-widgets og kraftfulde tilpasningsfunktioner kan du oprette en indholdsrig menu med vores splinternye megamenu WordPress-plugin.
🔔 Ved du?
Du har ikke så meget kontrol over sidehovedet eller sidefoden, som du ønsker, når du bruger et WordPress-tema eller sidebygger.
Vil du vide mere? Glem ikke at gå gennem vores seneste blog på Sådan opretter og tilpasser du sidehovedfod – Elementor Page Builder
Hvad Elementor's Mega Menu fra ElementsKit har at tilbyde:
Som enhver anden WordPress Elementor menuudvidelse åbner ElementsKit også op for en række muligheder for at 'hacke' ind i din normale WordPress-menu.
For at være mere specifik hjælper pluginnet dig i følgende aspekter:
- Tilpas menuen med tags, farve, svæveeffekt og ikoner.
- Skift udseendet af dine menuer på øverste niveau og undermenuer.
- Opret både lodrette og vandrette menuer.
- Vælg din ønskede header-layout fra ElementsKit-biblioteket.
- Tilføj animationseffekter for at få din undermenu til at vises.
- Tilføj med et enkelt klik ved at trække og slippe nav-menu-widgetten.
- Fungerer også perfekt med e-handelsplatforme (f.eks. WooCommerce)
- Byg indhold i Elementor sidebygger.
- Brug alle element-widgets, du kan lide.
- 100% responsiv.
- Off-canvas menustil i tabletvisning.
- Vis builderindhold eller simple lister som en undermenu i tabletvisning.
Og selvfølgelig er det bedste, at ElementsKit Nav-menuen er tilgængelig både gratis og premium versioner. Så selvom du ikke køber de betalte abonnementer, vil du stadig opleve denne fantastiske Elementor-menufunktion på dit websted.
Sådan opretter du menupunkter i Elementor
Lad os tage et kig på nogle eksempler fra den virkelige verden og gennemgå vores WordPress store menulektion. Nu er du ved at tage til udlandet for at oprette din WordPress mega-menu, header og tilføje indholdet.
Opret en menu
For at oprette en Elementor-menu skal du gøre er Tænde for mega-menuen fra ElementsKit-opstarten Moduler siden, og efter at have slået den til, klik på Gem ændringer knap.
Oprettelse af en elementor-menu kræver et par enkle trin. Bare gå til din WordPress dashboard klik derefter på Menuer. Derefter vil du se en sektion med navnet Menustruktur. Indtast derefter din Menunavn eller menuoverskrift og klik på Opret menu.
Udvid nu Brugerdefinerede links og læg din URL såvel som Link tekst, og klik derefter på Føj til menu.
📝Hurtig note
Du kan tilføje, fjerne eller redigere så mange mega menupunkter, som du vil, ved at gentage den samme metode.
Det er tid til at tilføje dine menupunkter i Elementor gennem ElementsKit. Men inden da skal du sætte kryds ved ✅ aktiver menuen for megamenuens indhold sektionen under sektionen Menunavn.
Så vil du se et Mega Menu tag på din Link tekst. Efter at have klikket på Mega menu tag en popup åbnes.
For at aktivere Mega Menu-indstillingen skal du klikke på aktiver REDIGERING AF MEGA MENU INDHOLD knap og gem. Du er klar!
🧐 Mere info om Elementor Menu
Glem ikke at besøge vores blog på Sådan opretter du en megamenu med Elementor og ElementsKit
Importer en menu (Vertical Mega Menu)
For at oprette en lodret menu skal du først tænde for det lodret menu widget. Klik derefter på Gem ændringer.
Klik derefter på Skabeloner i venstre side af dit dashboard. Efter blot at have klikket videre Importer skabeloner.
Nu skal du vælge Vælg fil fra din enhed. Så klikker du bare videre Importer nu. Og du vil se alle dine importerede data på én gang.
Desuden skal du gå til for at oprette en lodret menu med dine data Udseende klik derefter på Menuer. Du kan også følge oprette en menu fra oven. For flere detaljer kan du besøge vores dokumentationsside på den lodrette menu.
Tilpasning af menuen
Det er tid til at tilpasse dit indhold, og for at gøre det skal du klikke på REDIGERING AF MEGA MENU INDHOLD knap. Lige efter at du har klikket på knappen, vil du se, at en Elementor-menustilskærm er dukket op.
Alt du skal gøre er at klikke på ElementsKit-ikon og vælg hvilken foruddefineret overskrift du ønsker at indsætte på din hjemmeside.
Lige efter du har klikket på ElementsKit-widget-knap, det vil tage dig til dets widget-bibliotek. I hvilket du vil få tonsvis af færdige sider, skabeloner og sektioner. Men for at oprette en mega menu sektion skal du klikke på Afsnit
For at oprette og tilpasse dine menupunkter på Elementor. Du skal vælge Mega Menu-elementernes layout og begynde at tilpasse til dit hjertes indhold!
Her finder du 3 dele (Layout, stil og avanceret) til at tilpasse din Elementor-menu gennem ElementsKit:
Layout:
I dette afsnit vil du se flere muligheder til redigering af et Elementor-menulayout og -struktur. Du har total kontrol over, hvordan din megamenu skal præsenteres.
Nu med ElementsKit mega menu widget, kan du tilpasse din Indholdsbredde, enten kan du gøre det til en fuldskærmsmenu eller tilpasse enhver størrelse, du foretrækker ved at skubbe til højre eller venstre. Søjlehuller mellem din mega menu kan også tilpasses som du vil.
Med ElementsKit Elementor-menuen kan du redigere højden på dine menupunkter. Det har også flere muligheder for at redigere Lodret justering, Flyde over, HTML tags som kan ændres efter dit behov.
Stil:
Med ElementsKit mega menustilindstillinger kan du ændre hele menuens udseende. For at være mere specifik kan du ændre eller redigere Baggrund, Baggrundsoverlejring, Grænse, Formdeler, og selvfølgelig Typografi.
Elementor mega menu-widget fra ElementsKit er en livredder. Den har en række menuelementer, der hjælper dig med at få det bedste ud af dine menupunkter.
Fremskreden:
Vores menu-stil avancerede muligheder for din WordPress menu er noget, du altid har ledt efter. Ja, ElementsKit Elementor mega menuindstillinger vil også hjælpe dig med at få adgang til og redigere hele de avancerede sektioner.
I hvilket du kan oprette et helt nyt menulayout. ElementsKit har mere avancerede alternativer som at lægge sammen effekter, klæbrig, bevægelseseffekter, svæve tilpasning, og mange flere, som vil forbedre din redaktionelle oplevelse endnu bedre og vil gøre din mega menu smartere.
Den sidste og vigtigste del er at synkronisere en mega-menu, du skal bruge for at oprette en header på din Elementor-hjemmeside.
Nu vil vi vise dig, hvordan du opretter en Elementor brugerdefineret header-skabelon. Nå, der er en anden god nyhed til dig med ElementsKit nav-menu-widgetten, du kan oprette nav-menulayoutet ved blot at klikke på vores forudbyggede WordPress-menulayoutindstillinger.
Lad os komme igang!
Først og fremmest skal du gå til ElementsKit på dit WordPress-dashboard, og klik derefter på sidehoved, for at aktivere nav-menu-widgetten på dit websted.
Klik derefter på Tilføj ny nævnt lige efter skabeloner.
Efter at have klikket på Tilføj ny knap a Skabelonindstillinger vil dukke op, hvilket er den sidste del af integrationen af en megamenu på din hjemmeside.
Her i dette afsnit skal du give din nav-menu et navn kaldet overskrifts titel. Du kan også ændre betingelserne for overskriften og klik på aktivering (hvis du er klar og tilfreds med dine mega menupunkter).
I den sidste del, glem ikke at klikke på rediger med elementor knappen lige før Gem ændringer knap.
Nu vil vi vise dig 2 måder, hvordan du kan tilføje din mega-menu gennem nav-menu-widgetten fra ElementsKit.
Metode 1:
For at tilføje en nav-menu-widget til dit websted er den første metode, du kan gøre efter at have klikket på den rediger med elementor knap, alt hvad du skal gøre er at klikke på ElementsKit widget-ikon så gå til sektioner og vælg en header stil hvad end du foretrækker.
Derefter vil du se din Header titel, som du tilføjede fra dit WordPress-dashboard, vises på den valgte menu sektion. Og bare ved at klikke på overskriften, vil du se, at alle dine mega menupunkter er synlige.
Metode to:
Du kan også integrere nav-menu-widgetten gennem træk-slip mulighed og tilføje også forskellige elementer omkring det (f.eks. billeder, videoer, andre sektioner osv.)
Alt du skal gøre er at vælge en hvilken som helst type sektion (jeg har valgt tre sektioner til dette eksempel). Søg efter, hvilke widgets du foretrækker at tilføje fra dit Elementor-dashboard.
Her i dette eksempel har vi trukket et billede, en nav-menu og en video. Du kan tilføje så mange sektioner og widgets, som du vil.
Så igen kan den samme metode bruges til at aktivere din nav menu: på den vælg menu sektion, vil du se din Header-titel, som du tilføjede fra dit WordPress-dashboard, vises. Og bare ved at klikke på overskriften, vil du se alle dine mega menupunkter er indsat.
Nu ved du, at det er super simpelt at bruge nav-menu-widgetten, og du er klar til rock 'n roll! Husk, at du også har lov til at oprette en off-canvas menu i ElementsKit.
🛠 Yderligere information
For at vide mere om off-canvas menu i ElementsKit, glem ikke at tjekke vores seneste video om opbygning af en off-canvas menu ved hjælp af ElementsKit
Afsluttende tanker
Mega menuer er vidunderlige værktøjer til at forbedre hjemmesidenavigation. De tillader dig at organisere en lang række kategorier og varer for at gøre det nemmere for brugerne for at gennemse dit indhold.
Oprettelse af Mega Menu med ElementsKit-tilføjelse til Elementor er altid der for at give dig den bedste support uden pris. Hvis du tilføjer det selv, så kan ElementsKit-tilføjelsens indbyggede Nav Mega Menu-indstilling være en start for dig.
ElementsKit er ligetil, tager kort tid at konfigurere og finjustere, er også nemt at bruge. Vi håber dog, at denne artikel var nyttig nok til at give et overblik over hele aspektet af megamenuen.
Efterlad venligst en kommentar nedenfor, hvis du har spørgsmål vedrørende Mega Menu, Nav Menu eller dens funktionaliteter.
Hvis du kunne lide denne artikel, vil du helt sikkert finde nogle flere nyttige tips og blogs ved at tilmelde dig vores WPmet-fællesskab Følg os på Facebook/Twitter. Glem endelig ikke at abonnere på vores kanal på Youtube for nyttige tutorials.
Skriv et svar