Gratis Elementor Nav Menu Widget: Ingen Elementor Pro nødvendig

Nav Menu er en gratis Master Addons widget, der placerer enhver WordPress menu i en Elementor header, sidefod eller side og lader dig style den fra panelet. Vælg et vandret eller lodret layout for hver enhed, style de vigtigste elementer, dropdowns og undermenuer i deres normale, svæve og aktive tilstande, og parre det med den gratis Mega Menu udvidelse til paneler med flere kolonner. På telefoner det kollapser i en hamburger toggle som standard. Master Addons Pro tilføjer Hamburger layout for enhver bredde, med Popup og Offcanvas menuer.

Nav Menu layoutindstillinger i Elementor

Vandrette, lodrette og hamburger layouts

Indstil layoutet separat for skrivebord, tablet og telefon. Vandret passer til en øverste bjælke. Lodret kommer i fire typer: Normal med side dropdowns, Toggle, Accordion, og Side, som sætter menuen til kanten af siden. Telefoner bruger hamburger toggle som standard. Med Pro kan du vælge hamburger for enhver bredde og åbne menuen som en Standard dropdown, en Popup eller et Offcanvas panel.

  • Layouts indstillet pr. enhed, inklusive Elementors ekstra brudpunkter.
  • Lodrette menuer som Normal, Toggle, Accordion eller Side.
  • Popup og Offcanvas hamburgermenuer med Master Addons Pro.
  • Arbejder med det frie Mega Menu udvidelse til flersøjlede paneler.

Style hvert menuniveau og tilstand

Fanen Stil har separate sektioner for hovedmenupunktet, rullemenuen, rullemenupunktet, dropdown-undermenuen og dropdown-undermenupunktet. Hver får farver og baggrunde for tilstandene Normal, Hover og Aktiv, plus polstring, kanter og skillevægge, så linket til den aktuelle side kan se anderledes ud end resten.

  • Normal-, Hover- og Active-tilstande for hovedelementer og dropdown-elementer.
  • Separat styling til dropdown panelet, dets elementer og dybere undermenuer.
  • Skillevægge mellem emner, med type, størrelse og farve.
Nav Menu stilindstillinger for menupunkter og dropdowns
Nav Menu hamburger toggle og indikator ikon indstillinger

Hamburger toggle og indikator ikoner

Style hamburger-skiften som et ikon, tekst eller begge dele, med en Standard, Stacked eller Framed visning og en firkantet eller cirkelform. Den kan vise et ikon, mens menuen er lukket, og et andet, mens den er åben. Indikatorikoner markerer de elementer, der har dropdowns og undermenuer: vælg dine egne ikoner, vis eller skjul dem, og indstil deres størrelse, farve, position og rotation.

  • Hamburger skifter som et ikon, tekst eller begge dele.
  • Forskellige ikoner for den lukkede og åbne menu.
  • Brugerdefinerede dropdown og undermenu indikator ikoner med rotation.

Dropdown-afstand og layout pr. enhed

Indstil dropdown-bredden og dens mellemrum fra toppen af menuen, mellemrummene mellem elementer og polstringen inde i hvert link. Overgangsvarighed styrer, hvor hurtigt svævefarver og dropdowns ændres. Fordi layoutet er indstillet pr. enhed, bestemmer du, hvor menuen skifter fra en vandret bjælke til en lodret liste, eller til hamburgeren med Pro.

  • Dropdown bredde og mellemrum fra toppen.
  • Mellemrum mellem emner og link polstring for nem aflytning.
  • Overgangsvarighed for hover- og dropdown-ændringer.
Nav Menu dropdown afstand og responsive layoutindstillinger

Elementor Pro menu widgets vs Master Addons Nav Menu

Elementors gratis plugin har ingen widget til at placere og style en WordPress menu. Dens Menu og WordPress Menu widgets kommer med Elementor Pro. Her er hvordan de sammenligner.

Elementor ProMaster Addons Nav Menu
PriceElementor Pro licensGratis, med Pro hamburger typer
LayoutsVandret, lodret, dropdownVandret, lodret (4 typer), hamburger
Mobil menuSkift under et brudpunkt, du vælgerHamburger på telefoner som standard; Popup og Offcanvas med Pro
Layout pr. enhedÉn breakpoint-indstillingIndstil for hver enhed
Hover pointer animationerJaNo
Mega menuMenu widget med dropdown indholdGratis Mega Menu udvidelse

Hvis du allerede betaler for Elementor Pro, gør dens menuwidgets jobbet. Uden det gør Nav Menu og den Mega Menu udvidelse giver dig en stylet header menu gratis.

Skabelonfremviser
Facebook
Twitter
WhatsApp
Kopier Link
Køb Nu
Mega Menu & Charcoal Navbar
Mega Menu & Charcoal Navbar
Dropdown Menu Variationer
Dropdown Menu Variationer
Lodret navigationsmenu
Lodret navigationsmenu
Nav Menu - med Topbar
Nav Menu - med Topbar
Hamburger Menu Variationer
Hamburger Menu Variationer

Sådan tilføjes en nav-menu i Elementor

Widgetten bruger menuer, du bygger i WordPress, så start der.

  1. Opret din menu under Udseende > Menuer.
  2. I Elementor skal du trække widgetten Master Addons Nav Menu ind i din sidehoved, sidefod eller side.
  3. Vælg menuen i Vælg menu, og vælg et layout til skrivebordet.
  4. Skift til tablet og telefonvisning for at kontrollere layoutet på hver enhed. Telefoner får hamburger-skifteren som standard.
  5. Style menupunkterne, dropdowns og skift i fanen Style, og udgiv derefter.

For en fuld header gennemgang, læs sådan opbygges en nav-menu i Elementor uden Pro. For en sidehoved for hele webstedet skal du bruge den gratis Tema Bygherre.

Ofte stillede spørgsmål til Nav Menu

Lær de mest stillede forespørgsler, brugerne har om Nav Menu, og find svar på ét sted.
Hvordan er dette anderledes end andre Nav Menu widgets?

Elementors egne menu widgets har brug for Elementor Pro. Master Addons Nav Menu er gratis og tilføjer per-enhed layouts, fire lodrette menutyper, separat styling for hver menuniveau og tilstand, brugerdefinerede indikatorikoner og en stilbar hamburger toggle. Det fungerer også med den gratis Mega Menu udvidelse.

Ja. Tænd for udvidelsen Mega Menu, byg panelindholdet til et menupunkt fra skærmen WordPress Menuer, og vælg derefter den menu i Nav Menu-widgetten. Widgetten viser mega-menupanelerne på frontenden.

Nej. Åbn fanen Stil, vælg en del af menuen som f.eks. Hovedmenupunkt, og skift mellem fanerne Normal, Hover og Aktiv for at indstille farverne for hver tilstand.

Hvad er det bedste anvendelsestilfælde for menutypen "Offcanvas" eller "Popup"?

Begge er Pro hamburger typer. Offcanvas glider menuen ind fra venstre eller højre, hvilket passer til telefoner og minimalt design. Popup åbner menuen over siden, som fungerer godt for fuld-site navigation på portefølje- eller agentursider. På den gratis version åbner hamburgeren menuen på plads under vippen.

Ja, du kan placere widgeten hvor som helst Elementor kører. For at erstatte dit temas overskrift fuldstændigt, skal du bygge en overskriftsskabelon med den gratis Master Addons Theme Builder og tilføj Nav Menu-widgetten til den.

Ja. Layout, justering og mange stilindstillinger kan indstilles pr. enhed. For eksempel skal du holde en vandret bjælke på skrivebordet, bruge en lodret harmonika på tablets og hamburger-skifteren på telefoner.

Trending Elementor Widgets & Udvidelser

Byg sofistikerede websteder på kortere tid.

Master Addons Glassmorphism udvidelse til Elementor: matteret glas kort med Blur Value kontrol indstillet til 20px

Glasmorfisme

Hjem Gratis Elementor Glassmorphism Extension: Frosted Glass Effect i One Toggle Glassmorphism er den frostede...
Se detaljer
Master Addons Container Extras udvidelse til Elementor: container med låg på en 1400px Max bredde, med Max bredde, Max højde, Min bredde og Min højde kontroller

Container ekstraudstyr

Hjem Elementor Container Max bredde og Max højde Controls Container Extras er en gratis Master...
Se detaljer
Master Addons Patterns udvidelse til Elementor: helt med Purple Gradient Grid Left stil, tre flere mønster stilarter og Enable Pattern panelet

Mønstre

Hjem 70 + Gratis Elementor Baggrund Mønstre Mønstre er en gratis Master Addons udvidelse, der tilføjer...
Se detaljer
Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast

Post/Page Duplicator

Hjem Duplikere Elementor Sider og indlæg i One Click Post/Page Duplicator er en gratis Master...
Se detaljer
Master Addons Reading Progress Bar udvidelse til Elementor: blå bjælke 42% udfyldt på tværs af toppen af en privatlivspolitik side, med aktivere, position, højde og fylde farveindstillinger

Læsning Progress Bar

Hjem Tilføj en læsefremskridtsbjælke i WordPress (Elementor) Reading Progress Bar er en gratis...
Se detaljer