Du kan bygge en fungerende, stylet navigationsmenu i Elementor uden at købe Pro. Elementors egen menuwidget er Pro-only, men den gratis Master Addons Nav Menu-widget trækker enhver WordPress-menu ind i editoren, styler den fra panelet og kollapser til en hamburger-skift på små skærme.
Nedenfor: hvorfor kerne Elementor forlader hullet, de tre måder at udfylde det, selve bygningen, og hvor gratis stopper. Den sidste del betyder mere end normalt, fordi en populær mobil tilstand ikke er gratis, og de fleste guider siger noget andet.
Hvorfor Elementor gratis har ingen menu widget
Elementors gratis plugin sender snesevis af layout- og indholdswidgets og ingen måde at placere en WordPress-navigationsmenu på en side eller skabelon. Widgetten, der gør det, oprindeligt kaldet Nav Menu og nu WordPress Menu-widgetten, er kun Pro. Elementors egen dokumentation bekræfter det.
Du kan stadig bygge selve menuen under Udseende > Menuer. WordPress registrerer det fint. Gabet er på designsiden: kerne Elementor har intet at slippe den menu ind i, så du sidder fast med, hvor end dit tema beslutter at udskrive det.
På et simpelt websted med et menu-klar tema, kan det være nok. I det øjeblik du vil have en brugerdefineret overskrift, en klæbrig bar, en hamburger skifte du kontrol, eller en mega menu, gratis Elementor alene kan ikke komme der.
Navngivningen har ændret sig gennem årene, hvilket tilføjer forvirring. Gamle tutorials siger Nav Menu, nyere siger WordPress Menu. Licensen ændrede sig aldrig. Det har altid haft brug for Pro.
Tre måder at tilføje en nav-menu uden Pro
Tre reelle muligheder, der hver især bytter forskelligt ud med styling og mobil adfærd.
| Metode | Omkostning | Redaktør styling | Mobile | Bedst til |
|---|---|---|---|---|
| Tema menu placering | Free | Ingen, temaet styrer det | Afhænger af temaet | Enkle websteder på et menu-klar tema |
| Master Addons Nav Menu widget | Free | Fuld, fra panelet | Hamburger skifter på telefoner | En brugerdefineret overskrift uden Pro |
| Master Addons Mega Menu | Free | Full | Kollaps til en vippe | Flersøjlede paneler, stor navigation |
| Elementor Pro Menu widget | Betalt licens | Full | Inkluderer off-lærred | Websteder allerede på Elementor Pro |
Tema menu placering. Hvert tema registrerer mindst ét menuområde. Tildel din menu, og den fungerer med nul plugins. Du får ingen kontrol over dens udseende fra Elementor, og mobil adfærd er, hvad end temaforfatteren byggede. Hvis dit temas menu allerede ser rigtigt ud og kollapser rent, er der virkelig ingen grund til at tilføje en widget på toppen.
Master Addons Nav Menu widget. Elementor-native-indstillingen uden en Pro-licens. Drop Nav Menu widget peg den ind i en hvilken som helst skabelon ved en menu fra Udseende > Menuer, og stil farver, mellemrum, undermenuer og mobilskiftet fra panelet.
Master Addons Mega Menu. For websteder med en masse kategorier bygger Mega Menu-udvidelsen paneler med flere kolonner og er også gratis. Det er et separat værktøj med sin egen gennemgang: sådan opbygger du en megamenu i Elementor uden Pro.
Elementor Pro. Hvis du allerede ejer det, gør dens Menu-widget og Theme Builder dette indbygget, og du bør bruge dem. At køre to plugins til et job tilføjer kun vægt.
Byg menuen, start til slut
Hele opbygningen sker i wp-admin og Elementor editor. Ingen kodestykke, ingen underordnet tema redigering. Før du starter, skal du kontrollere, at dit tema ikke allerede udskriver sin egen overskrift, fordi to stablede overskrifter er det mest almindelige rod, folk laver her.
Trin 1: Registrer menuen
Gå til Udseende > Menuer, opret en menu, tilføj dine sider og links, og giv den et navn, du vil genkende om seks måneder. Dette er almindelig WordPress, intet plugin-specifikt, og WordPress har en guide til Menuer skærmen hvis du ikke har bygget en før.
Trin 2: Opret en Header skabelon
Åbn den gratis Master Addons Theme Builder og tilføj en ny skabelon med typen indstillet til Header. Dette er den beholder, din menu bor i, og det er det, der lader dig erstatte temaets header i stedet for at bekæmpe den.
Trin 3: Tilføj Nav Menu widget og vælg din menu
Søg i Elementor-panelet efter “Nav Menu” og træk det ind i overskriften. I widgetindstillingerne skal du vælge den menu, du har indbygget i trin et fra rullemenuen Vælg, og derefter indstille Layoutet. Vandret passer til en standardoverskrift; Lodret passer til en sidebjælke og giver dig Normal, Toggle, Accordion og Side undertyper.
Layoutet er indstillet pr. enhed. Telefoner bruger hamburger-skifteren som standard, så skrivebordsmenuen kollapser der uden ekstra opsætning.
Trin 4: Style det
Skrifttype, farve, afstand, hover-tilstande og undermenu-adfærd er alle i fanen Stil. Ingen brugerdefineret CSS påkrævet. Dette er den delkerne, Elementor slet ikke kan gøre, hvilket er hele grunden til at tilføje en widget i stedet for at bruge en temamenuplacering.
Trin 5: Udgiv og tildel det
Gem skabelonen og tildel den til Hele webstedet. På det gratis niveau, der er den eneste tilgængelige visningstilstand, hvilket er fint, når du vil have én overskrift overalt.
Trin 6: Tjek det på forenden
Indlæs webstedet, og bekræft, at én overskrift gengives, ikke to. Hvis du også ser temaets menu, skal du deaktivere den i temaets egne brugerdefineringsindstillinger i stedet for at skjule den med CSS.
At få det til at fungere på mobilen
En menu, der kun virker på skrivebordet, er ikke færdig. På telefoner kollapser Nav Menu-widgetten til en hamburger-skift, og den skift er gratis, inklusive dens ikon, dens aktive tilstand og dens styling.
Skiftet er bygget til brug af tastatur og skærmlæser snarere end kun mus. Indtast og Space åbne det, Esc lukker det. Det er værd at kontrollere på enhver menu widget du installerer, da mange er bygget fra divs, som et tastatur ikke kan nå.
Vær tydelig på, hvad den gratis mobilmenu er: det sammenklappede panel udvider sig på plads under vippen. Det passer godt til korte og mellemstore menuer. Et fuldt off-canvas panel, der glider ind fra siden, er en Pro-funktion, dækket i næste afsnit.
Test på en rigtig telefon snarere end browseren enhed værktøjslinje. Tryk på mål, overgangshastighed og om panelet lukker på en udvendig tryk alle opfører sig anderledes på en touchscreen end i en ændret størrelse skrivebordsvindue. Kontroller, at ikonet ændrer tilstand, så det er indlysende menuen er åben, og at en undermenu element er tilgængelig med en tommelfinger.
Hvor den gratis version stopper
To grænser, og begge er værd at vide, før du designer omkring dem i stedet for efter.
Off-canvas og Hamburger layoutvalget er Pro. Layoutkontrollen tilbyder Vandret og Lodret på gratis, med Hamburger mærket Pro. Telefoner bruger en hamburger med Standard typen ud af boksen, men at vælge Hamburger til andre bredder, eller skifte til Popup eller Offcanvas typerne, har brug for Pro. Så det glidende sidepanel, som “off-canvas menu” normalt betyder, er en betalt funktion her. Den gratis sti til noget lignende er Vertical layoutets Sidetype, som parkerer menuen ned langs siden af siden, eller standard hamburger skifter til mobil.
Tema Builder målretning er én regel. Den gratis Theme Builder gemmer præcis én visning betingelse: Hele Site. Fint, hvis du vil have én overskrift overalt. Ikke nok til en anden overskrift på en destinationsside, en anden menu for loggede-in medlemmer, eller en overskrift scoped til én post type. De har brug Pro. Vores displaybetingelser opdeling sporer den linje gennem plugin-kilden, og gratis Theme Builder guide dækker resten af det niveau.
Hvis du allerede ejer Elementor Pro, gælder intet af denne løsning. Og hvis dit temas menuplacering er nok, er almindeligt udseende > Menuer uden tilføjelse overhovedet det rigtige opkald. Tilføj et plugin, når temaets standard holder op med at være nok. Den widgets og udvidelser bibliotek lister, hvad der ellers sendes gratis, hvis du vejer plugin som helhed.
Hvis overskriften har brug for en sektion, bliver du ved med at genopbygge i hånden Widget Builder lader dig forfatte det én gang som en rigtig widget. Det sidder i Pro, og den prissætning side lister niveauerne.
Ofte stillede spørgsmål
Er der en gratis menu widget til Elementor?
Ikke fra Elementor selv. Kerne plugin har ingen menu widget; at man kun leveres med Pro. Master Addons, en gratis udvidelse, tilføjer sin egen Nav Menu widget, så du kan placere og style en rigtig navigationsmenu uden licens.
Kan du oprette en nav-menu i Elementor uden Pro?
Ja. Registrer menuen under Udseende > Menuer som normalt, og brug derefter en gratis tilføjelse til at slippe en Nav Menu-widget i en header-skabelon og stil den fra panelet. Elementor gratis alene kan ikke placere eller style en menu, så du har brug for enten en tema-menu-placering eller en addon-widget.
Hvordan tilføjer jeg en mobil hamburgermenu i Elementor gratis?
Tilføj Master Addons Nav Menu widget til din header skabelon, vælg din menu, og det kollapser til en hamburger skifte på telefoner som standard. Skiftet, dets ikon og dets styling er alle gratis. Panelet udvider på plads under skifteren.
Er menuen uden for lærredet gratis i Master Addons?
Nej. Off-canvas er en af tre typer inde i Hamburger layout. At vælge det layout eller dets Popup og Offcanvas typer kræver Master Addons Pro. På gratis får du Vandrette og Lodrette layout plus standard hamburger skifte på telefoner. Hvis du vil have en sideforankret menu uden at betale, er Lodret layouts Sidetype den nærmeste gratis ækvivalent.
Hvordan opretter jeg en megamenu i Elementor gratis?
Master Addons indeholder en gratis Mega Menu udvidelse, der bygger multi-søjle paneler og kollapser på mobil. Det er adskilt fra standard Nav Menu widget og bygget til større navigation med kategorier, kolonner eller salgsfremmende indhold.
Hvorfor vises min Elementor nav-menu ikke?
Normalt en ikke-tildelt menu. Kontroller, at en menu faktisk er valgt i widgetindstillingerne, ikke kun oprettet under Udseende > Menuer. Bekræft derefter, at headerskabelonen er tildelt til Hele webstedet i temabyggeren, og at ingen temaoverskrift stadig er aktiv og overlapper den.
Har jeg brug for Master Addons Pro, eller er menuen gratis?
Nav Menu widget er gratis, herunder styling, undermenuer, per-enhed layouts og hamburger skifte på telefoner. Pro tilføjer Hamburger layout for enhver bredde med sin popup og off-canvas typer, og Theme Builder betingelser ud over en enkelt Hele Site regel.
Hvad skal man gøre næste
Byg overskriften med et Vandret layout, og indlæs den derefter på din egen telefon, før du styler noget andet. De fleste menuproblemer er mobilproblemer, og de vises på ti sekunder på en rigtig enhed.
Hvis menuen viser sig at have brug for flersøjlede paneler, skal mega menu guide henter derfra. Den Nav Menu widget side sammenligner det med Elementor Pros menuwidgets, og Nav Menu dokumentation viser hver kontrol.
