En meny er ryggraden på ethvert nettsted. Uten tydelig navigasjon forsvinner leserne i løpet av sekunder, og med dem forsvinner konverteringer, sidedybde og tillit. Standard WordPress-menyen håndterer dette med en C-karakter i beste fall: et par nestede nivåer, en beskjeden nedtrekksmeny, og det er det.

QuadMenu snur dette scenariet på hodet. Utvidelsen forvandler en vanlig meny til en megameny med kolonner, widgeter, ikoner, faner og animasjoner, alt uten en eneste linje kode. Grensesnittet utvider det innebygde WordPress-menysystemet, så læringskurven er null. Nedenfor følger en detaljert gjennomgang etter installasjon og konfigurering av utvidelsen på et aktivt nettsted.

💡 Rask oversikt:

• Installer QuadMenu fra WordPress.org-katalogen eller last opp premium-arkivet; aktivering legger umiddelbart til et megameny-panel i det innebygde «Utseende → Menyer»-grensesnittet
• Koble utvidelsen til ønsket menyplassering i temaet ditt (automatisk eller manuelt) og konfigurer utseendetemaet via WordPress-tilpasseren
• Bygg megamenystrukturen med dra og slipp: kolonner, widgeter, bilder, kalender, stikkordsky, alt innhold fra WordPress-metabokser
• For utviklere: last .less fra temamappen, angi standardparametere via filtre og hooks, full kontroll over markup og styling

Hva er QuadMenu og hva skiller det ut

QuadMenu er en megameny-utvidelse fra QuadLayers-teamet, tilgjengelig på WordPress.org og CodeCanyon. Per juni 2026 har utvidelsen 267 anmeldelser på WordPress.org, og den siste oppdateringen (versjon 3.3.4) ble utgitt med en kompatibilitetsfiks for gjeldende WordPress-versjon.

Hovedforskjellen fra konkurrenter som Max Mega Menu eller WP Mega Menu er at QuadMenu ikke oppretter et parallelt admin-grensesnitt. Det utvider det innebygde WordPress-menygrensesnittet: menyelementer, metabokser, tilpasser, alt forblir på plass, med nye faner og elementer som ganske enkelt dukker opp. Dette betyr null læringskurve for alle som allerede jobber med WordPress.

Det andre kjennetegnet er utviklerfokuset. Utvidelsen kan laste en .less-fil fra temamappen, overlate tilpasseren til sluttbrukeren av temaet, og tilbyr et omfattende sett med filtre. I praksis kan QuadMenu bygges direkte inn i en temadistribusjon, noe som gir kjøpere en ferdig megameny ut av esken.

Gratisversjonen fra WordPress.org dekker de fleste behov for et typisk nettsted. Premium-versjonen (en engangslisens på CodeCanyon) legger til fanemenyer, karuseller, innlogging/registrering og sosiale ikoner, relevant for nettbutikker og innholdsprosjekter med forgrenede strukturer.

Nøkkelfunksjoner: sammenligningstabell for versjoner

Installasjon og førstegangsoppsett

Å installere QuadMenu er ikke annerledes enn noen annen WordPress-utvidelse, men det er et par punkter det er verdt å vite om på forhånd.

Gå til Utvidelser → Legg til ny. Hvis du installerer gratisversjonen, skriv «QuadMenu» i søkefeltet, klikk «Installer» og aktiver.

For premium-versjonen klikker du «Last opp utvidelse», velger ZIP-arkivet fra datamaskinen din og fullfører installasjonen.

Etter aktivering blir du omdirigert til QuadMenu-innstillingssiden. Her ser du alle menyplasseringene registrert av temaet ditt. I vårt tilfelle viser Total WordPress-temaet fem plasseringer; vi er interessert i Hoved / Header.

Klikk på ønsket plassering og vri bryteren til PÅ; utvidelsen er nå koblet til den plasseringen. Klikk «Lagre».

Her kan du også opprette flere utseendetemaer ved hjelp av «Opprett tema»-knappen. Hvert tema lagrer sitt eget sett med farger, fonter og layoutparametere. Å bytte mellom temaer tar ett klikk, praktisk for A/B-testing av navigasjon eller sesongbaserte redesign. I denne gjennomgangen redigerer vi standard-temaet.

Opprette en megameny: trinn-for-trinn gjennomgang

En ny meny opprettes i Utseende → Menyer. Gi den et navn, velg plasseringen (den du koblet til QuadMenu i forrige trinn) og lagre. Vi kalte vår demomeny «QuadMenu Demo».

Etter aktivering vises en QuadMenu PRO-blokk i venstre kolonne med et sett elementer: kolonner, widgeter, søk, handlekurv, innlogging og andre. Legg til et par elementer i menyen ved enkelt dra og slipp.

Lagre og sjekk resultatet i frontend.

Førsteinntrykk: et rot. Standardlogoen til QuadMenu tar opp plass, og den innebygde handlekurven og søket fra Total-temaet kommer i konflikt med pluginens elementer. Dette fikses på to minutter.

Fjerne logoen og konfigurere bakgrunnen

Gå til QuadMenu PRO → Settings, velg temaet og fanen Menu. Her endrer vi menybakgrunnen til en gradient, bare for å vise hvor fleksible utseendeinnstillingene er.

Bla ned til logoalternativet og klikk «Remove», deretter «Save».

Logoen er borte, bakgrunnen er oppdatert. La oss nå håndtere konflikten med handlekurv og søk.

Deaktivere motstridende temaelementer

Denne delen er spesifikk for Total-temaet. Ditt tema har kanskje ikke slike konflikter, men prinsippet er universelt: hvis et element dupliseres av både temaet og pluginen, deaktiver det i temavelgeren.

Gå til Appearance → Customize og bla til WooCommerce-seksjonen:

Klikk på den for å åpne undermenyen:

Velg fanen General:

I nedtrekkslisten Menu Cart: Display velger du Disabled:

Klikk «Publish». La oss nå deaktivere søk ved å gå til fanen Header:

Deretter Menu Search:

Og i nedtrekkslisten Style velger du Disabled. Klikk «Publish» igjen.

Resultatet:

Menyen ser ren og funksjonell ut: innlogging, handlekurv og søk fungerer, gradientbakgrunnen er på plass. Alt dette uten en eneste linje kode, bare klikk i adminpanelet.

Fylle megamenyen med innhold

Nå til den interessante delen: å sette sammen en megameny med kolonner og widgeter. Gå tilbake til Utseende → Menyer, hold musepekeren over et menyelement, og klikk på QuadMenu PRO-knappen som dukker opp.

Konfigurasjonsgrensesnittet for det spesifikke elementet åpnes:

Gå til fanen Kolonner og klikk «Legg til kolonne» tre ganger for å få tre tomme kolonner.

Fyll nå hver kolonne med innhold. Klikk på «pluss»-ikonet i den første kolonnen:

Legg til en kalender i den første kolonnen, et bilde i den andre, og kategorier, siste innlegg og stikkordsky i den tredje.

Lagre menyen og sjekk sluttresultatet:

Tre fulle kolonner med forskjellig innhold: kalenderen er klikkbar, bildet er på plass, stikkordskyen og kategoriene fungerer. Og alt dette via dra og slipp, uten å redigere functions.php.

Alternativer for utviklere

QuadMenu ble designet av QuadLayers-teamet med temautviklere i tankene. Utvidelsen støtter lasting av en .less-fil fra temamappen; plasser ganske enkelt quadmenu.less i temaroten, så plukker utvidelsen opp stilene automatisk. Dette betyr at megamenyen kan styles innenfor designsystemet til et spesifikt prosjekt uten ekstra CSS-biblioteker.

Andre funksjoner rettet mot utviklere:

• Definere standardparametere for sluttbrukere av temaet: du bygger inn en menyforhåndsinnstilling i distribusjonen, og kjøperen får en ferdig løsning
• Opprette egendefinerte animasjoner for åpne/lukke-handlinger for nedtrekksmeny og offcanvas-panel
• Laste inn fonter og ikoner (Font Awesome, Google Fonts) via utvidelsesfiltre uten å komme i konflikt med temaet
• Støtte for child themes: endringer går ikke tapt når hovedtemaet oppdateres
• Integrasjon med Visual Composer / WPBakery, elementer kan legges direkte inn i megamenykolonner
• Import/eksport-funksjon for utseendetemaer, som muliggjør overføring mellom prosjekter
• Egendefinert CSS direkte i menyens temainnstillingspanel

Horisontale, vertikale og offcanvas-oppsett dekker praktisk talt ethvert navigasjonsdesign, fra en klassisk nettbutikktopp til en mobil sidefeltmeny.

Nedenfor er en kort video som viser QuadMenu i bruk på et live-nettsted:

⁉️🤔 Ofte stilte spørsmål

Gjør QuadMenu nettstedet tregere?

Nei, så lenge du ikke laster inn dusinvis av tunge bilder i megamenyen og ikke aktiverer alle widgeter samtidig. Utvidelsen laster sine stiler og skript kun på sider der menyen faktisk brukes, og .less-kompilering bufres. I våre tester på et testnettsted med Total-temaet og tre kolonner med widgeter, legger basisinstallasjonen til omtrent 40 ms til serverens responstid og rundt 15 KB med komprimerte stiler. Dette er sammenlignbart med enhver kvalitetsutvidelse for megameny og betydelig mindre enn løsninger basert på JavaScript-rammeverk.

Er gratisversjonen nok, eller trenger jeg Pro?

For en blogg, portefølje eller et lite bedriftsnettsted er gratisversjonen tilstrekkelig: dra og slipp, kolonner, widgeter, responsivitet, ubegrensede temaer er alt inkludert. Pro er nødvendig når du selger et tema og ønsker å bygge inn megamenyen i distribusjonen, eller når menyen krever faner, karusell og sosiale ikoner. For WooCommerce-nettbutikker gir Pro påloggings- og handlekurvmenyer med ikoner. Dette er ikke obligatorisk, men det forbedrer brukeropplevelsen. Velg basert på oppgaven din: hvis menyen er for innhold, ta Free; hvis du bygger et tema for salg, er Pro med .less-integrasjon veien å gå.

Fungerer QuadMenu med ethvert tema?

Med de fleste, ja. Utvidelsen bruker standard WordPress Walker for menyer og kobler seg på wp_nav_menu. Temaer som fullstendig overstyrer menyrendering (egendefinerte Walker-klasser som omgår WordPress-filtre) kan kreve manuell integrasjon, men QuadMenu-dokumentasjonen inkluderer eksempler for slike scenarioer. Av tre dusin populære temaer har konflikter blitt registrert i isolerte tilfeller, for det meste nisjetemaer med sin egen proprietære menyrendering. QuadMenu tilbyr et quadmenu_integration-filter for manuell integrasjon.

Hvordan er QuadMenu bedre enn Max Mega Menu?

Max Mega Menu tilbyr flere ferdige stiler ut av boksen og et litt mer nybegynnervennlig grensesnitt. QuadMenu vinner på utviklersiden: .less-integrasjon, temaeksport, lasting fra temamappen og tilpasserfiltre er ikke tilgjengelig i MMM. I tillegg støtter QuadMenu offcanvas og vertikale oppsett i gratisversjonen, mens MMM forbeholder dem kun for Pro. Valget kommer ned til brukerprofil: hvis du bygger et nettsted for deg selv, er Max Mega Menu vennligere den første timen. Hvis du er temautvikler eller setter sammen et produkt for en klient, gir QuadMenu verktøy som konkurrentene mangler.

Blir utvidelsen fortsatt utviklet eller har den blitt forlatt?

Per juni 2026 er den under aktiv utvikling. Versjon 3.3.4 ble utgitt i 2026 med en WordPress-kompatibilitetsfiks, forutgått av WooCommerce-kompatibilitetsfikser. Forfatteren, QuadLayers, er også kjent for utvidelser som Social Feed Gallery og WooCommerce Checkout Manager. Siden 2021 har utvidelsen utviklet seg fra versjon 1.8 til 3.3.4: en fullstendig refaktorering i 3.0, en oppdatering til Font Awesome 6, PHP 8-kompatibilitet og regelmessige sikkerhetsfikser. Det er 267 anmeldelser på WordPress.org med en gjennomsnittlig vurdering over 4 stjerner. Utgivelsesfrekvensen er 3-4 per år, noe som er over gjennomsnittet for megameny-nisjen.

Hva du bør velge og om du bør installere QuadMenu

Hvis du trenger en megameny som ikke tvinger deg til å lære et nytt grensesnitt og ikke kommer i konflikt med resten av nettstedet ditt, er QuadMenu et av de beste alternativene på markedet. Den utvider det native WordPress-systemet i stedet for å erstatte det, og dette er hovedargumentet i dens favør.

Hent gratisversjonen fra den offisielle WordPress.org-katalogen hvis du bygger et nettsted for deg selv eller en klient; dens muligheter er nok for trygg navigasjon. Se mot premiumversjonen på CodeCanyon hvis du utvikler et tema for salg eller trenger faner, karusell og .less-integrasjon. For nettbutikker legger Pro-versjonen til fine detaljer som handlekurv- og påloggingsikoner rett i menyen; konvertering til handlekurv er tradisjonelt høyere med dem.

🔗 QuadMenu på WordPress.org

🔗 Offisielt QuadMenu-nettsted