Valikko on minkä tahansa sivuston selkäranka. Ilman selkeää navigaatiota lukijat eksyvät sekunneissa, ja samalla menetetään konversiot, sivusyvyys ja luottamus. Tavallinen WordPress-valikko hoitaa tämän parhaimmillaankin välttävästi: pari sisennystasoa, vaatimaton pudotusvalikko, ja siinä se.

QuadMenu kääntää tämän asetelman päälaelleen. Lisäosa muuntaa tavallisen valikon megavalikoksi, jossa on sarakkeita, widgettejä, kuvakkeita, välilehtiä ja animaatioita, ilman yhtäkään koodiriviä. Käyttöliittymä laajentaa WordPressin natiivia valikkojärjestelmää, joten oppimiskynnystä ei ole. Alla on yksityiskohtainen arvio sen jälkeen, kun asensin ja määritin lisäosan toimivalle sivustolle.

💡 Pika-arvio:

• Asenna QuadMenu WordPress.org-hakemistosta tai lataa premium-arkisto; aktivointi lisää välittömästi megavalikkopaneelin natiiviin "Ulkoasu → Valikot" -käyttöliittymään
• Kiinnitä lisäosa haluamaasi valikkosijaintiin teemassasi (automaattisesti tai manuaalisesti) ja määritä ulkoasuteema WordPressin muokkausnäkymän kautta
• Rakenna megavalikon rakenne vetämällä ja pudottamalla: sarakkeita, widgettejä, kuvia, kalenteri, avainsanapilvi, mitä tahansa sisältöä WordPressin metabokseista
• Kehittäjille: lataa .less teemakansiosta, aseta oletusparametrit suodattimien ja koukkujen kautta, täysi hallinta merkintäkielestä ja tyylittelystä

Mikä QuadMenu on ja mikä erottaa sen muista

QuadMenu on QuadLayers-tiimin megavalikkolisäosa, joka on saatavilla WordPress.orgissa ja CodeCanyonissa. Kesäkuussa 2026 lisäosalla on 267 arvostelua WordPress.orgissa, ja uusin päivitys (versio 3.3.4) julkaistiin yhteensopivuuskorjauksella nykyiseen WordPress-versioon.

Suurin ero kilpailijoihin, kuten Max Mega Menu tai WP Mega Menu, on se, ettei QuadMenu luo rinnakkaista hallintakäyttöliittymää. Se laajentaa natiivia WordPressin valikkokäyttöliittymää: valikkokohteet, metaboksit, muokkausnäkymä, kaikki pysyvät paikoillaan, ja uudet välilehdet ja elementit vain ilmestyvät. Tämä tarkoittaa nollan oppimiskynnystä kaikille, jotka jo työskentelevät WordPressin kanssa.

Toinen erottava piirre on sen kehittäjäkeskeisyys. Lisäosa voi ladata .less-tiedoston teemakansiosta, luovuttaa muokkausnäkymän teeman loppukäyttäjälle ja tarjoaa laajan valikoiman suodattimia. QuadMenu voidaan käytännössä upottaa suoraan teemajakeluun, jolloin ostajat saavat valmiin megavalikon suoraan paketista.

WordPress.orgin ilmainen versio kattaa useimmat tyypillisen sivuston tarpeet. Premium-versio (kertaluonteinen lisenssi CodeCanyonissa) lisää välilehtivalikot, karusellit, kirjautumisen/rekisteröitymisen ja some-kuvakkeet, jotka ovat olennaisia verkkokaupoille ja laajarakenteisille sisältöprojekteille.

Keskeiset ominaisuudet: versiovertailutaulukko

Asennus ja alkuasetukset

QuadMenun asentaminen ei eroa mistään muusta WordPress-lisäosasta, mutta on pari seikkaa, jotka kannattaa tietää etukäteen.

Mene kohtaan Lisäosat → Lisää uusi. Jos asennat ilmaista versiota, kirjoita hakupalkkiin "QuadMenu", napsauta "Asenna" ja aktivoi.

Premium-versiossa napsauta "Lisää lisäosa", valitse ZIP-arkisto tietokoneeltasi ja vie asennus loppuun.

Aktivoinnin jälkeen sinut ohjataan QuadMenun asetussivulle. Täällä näet kaikki teemasi rekisteröimät valikkosijainnit. Meidän tapauksessamme Total WordPress -teema näyttää viisi sijaintia; meitä kiinnostaa Main / Header.

Napsauta haluttua sijaintia ja käännä kytkin ON-asentoon; lisäosa on nyt kiinnitetty tähän sijaintiin. Napsauta "Tallenna".

Täällä voit myös luoda lisää ulkoasuteemoja "Create Theme" -painikkeella. Jokainen teema tallentaa omat väri-, fontti- ja asetteluparametrinsa. Teemojen välillä vaihtaminen käy yhdellä napsautuksella, mikä on kätevää navigaation A/B-testaamiseen tai kausiluonteisiin uudistuksiin. Tässä arviossa muokkaamme oletus-teemaa.

Megavalikon luominen: vaiheittainen läpikäynti

Uusi valikko luodaan kohdassa Ulkoasu → Valikot. Anna sille nimi, valitse sijainti (se, jonka kiinnitit QuadMenuun edellisessä vaiheessa) ja tallenna. Nimesimme demovalikkomme "QuadMenu Demo".

Aktivoinnin jälkeen vasempaan sarakkeeseen ilmestyy QuadMenu PRO -lohko, jossa on joukko elementtejä: sarakkeita, widgettejä, haku, ostoskori, kirjautuminen ja muita. Lisää muutama elementti valikkoon yksinkertaisesti vetämällä ja pudottamalla.

Tallenna ja tarkista lopputulos etusivulla.

Ensi silmäyksellä: sekamelska. QuadMenun oletuslogo vie tilaa, ja Total-teeman sisäänrakennettu ostoskori ja haku ovat ristiriidassa lisäosan elementtien kanssa. Tämä korjataan kahdessa minuutissa.

Logon poistaminen ja taustan määrittäminen

Siirry kohtaan QuadMenu PRO → Asetukset, valitse teema ja Valikko-välilehti. Täällä vaihdamme valikon taustan liukuväriksi, ihan vain näyttääksemme kuinka joustavia ulkoasuasetukset ovat.

Vieritä alas logovaihtoehdon kohdalle ja napsauta "Poista", sitten "Tallenna".

Logo on poissa, tausta on päivitetty. Käsitellään nyt ostoskorin ja haun ristiriita.

Ristiriitaisten teemaelementtien poistaminen käytöstä

Tämä osa koskee erityisesti Total-teemaa. Sinun teemassasi ei välttämättä ole tällaisia ristiriitoja, mutta periaate on yleispätevä: jos jokin elementti on kahtena kappaleena sekä teeman että lisäosan tuottamana, poista se käytöstä teeman mukauttajassa.

Siirry kohtaan Ulkoasu → Mukauta ja vieritä WooCommerce-osioon:

Napsauta sitä avataksesi alavalikon:

Valitse Yleiset-välilehti:

Valitse Valikon ostoskori: Näyttö -pudotusvalikosta Ei käytössä:

Napsauta "Julkaise". Poistetaan nyt haku käytöstä siirtymällä Ylätunniste-välilehdelle:

Sitten Valikon haku:

Ja valitse Tyyli-pudotusvalikosta Ei käytössä. Napsauta "Julkaise" uudelleen.

Lopputulos:

Valikko näyttää selkeältä ja toimivalta: kirjautuminen, ostoskori ja haku toimivat, ja liukuväritausta on paikallaan. Kaikki tämä ilman yhtäkään riviä koodia, pelkillä klikkauksilla hallintapaneelissa.

Megavalikon täyttäminen sisällöllä

Nyt päästään kiinnostavaan osaan: megavalikon kokoaminen sarakkeista ja widgeteistä. Palaa kohtaan Ulkoasu → Valikot, vie hiiri valikkokohdan päälle ja klikkaa ilmestyvää QuadMenu PRO -painiketta.

Kyseisen kohdan asetusnäkymä avautuu:

Siirry Sarakkeet-välilehdelle ja klikkaa "Lisää sarake" kolme kertaa, jotta saat kolme tyhjää saraketta.

Täytä nyt jokainen sarake sisällöllä. Klikkaa "plus"-kuvaketta ensimmäisessä sarakkeessa:

Lisää kalenteri ensimmäiseen sarakkeeseen, kuva toiseen ja kategoriat, tuoreimmat artikkelit sekä tagipilvi kolmanteen.

Tallenna valikko ja tarkista lopputulos:

Kolme täyttä saraketta eri sisällöillä: kalenteri on klikattava, kuva on paikallaan, tagipilvi ja kategoriat toimivat. Ja kaikki tämä raahaa ja pudota -menetelmällä, ilman functions.php-tiedoston muokkaamista.

Vaihtoehdot kehittäjille

QuadLayers-tiimi suunnitteli QuadMenun teemakehittäjiä ajatellen. Lisäosa tukee .less-tiedoston lataamista teemakansiosta; sijoita quadmenu.less teeman juureen, niin lisäosa poimii tyylit automaattisesti. Tämä tarkoittaa, että megamenu voidaan tyylitellä tietyn projektin design-järjestelmän sisällä ilman ylimääräisiä CSS-kirjastoja.

Muita kehittäjille suunnattuja ominaisuuksia:

• Oletusparametrien määrittely teeman loppukäyttäjille: upotat menuvalmiuden jakeluun, ja ostaja saa valmiin ratkaisun
• Mukautettujen animaatioiden luominen dropdown- ja offcanvas-paneelin avaus- ja sulkutoimintoihin
• Fonttien ja kuvakkeiden (Font Awesome, Google Fonts) lataaminen lisäosan suodattimien kautta ilman ristiriitoja teeman kanssa
• Child theme -tuki: muutokset eivät katoa, kun parent-teema päivittyy
• Integraatio Visual Composerin / WPBakeryn kanssa, elementtejä voidaan lisätä suoraan megamenun sarakkeisiin
• Tuonti-/vientitoiminto ulkoasuteemoille, mikä mahdollistaa siirtämisen projektien välillä
• Mukautettu CSS suoraan menun teema-asetuspaneelissa

Vaaka-, pysty- ja offcanvas-asettelut kattavat käytännössä minkä tahansa navigaatiosuunnittelun klassisesta verkkokaupan ylätunnisteesta mobiiliin sivupalkkivalikkoon.

Alla on lyhyt video, joka näyttää QuadMenun toiminnassa live-sivustolla:

⁉️🤔 Usein kysytyt kysymykset

Hidastaako QuadMenu sivustoa?

Ei, kunhan et lataa kymmeniä raskaita kuvia megamenuun etkä ota kaikkia widgettejä käyttöön kerralla. Lisäosa lataa tyylinsä ja skriptinsä vain sivuilla, joilla valikkoa todella käytetään, ja .less-kääntäminen on välimuistitettu. Testeissämme testisivustolla Total-teemalla ja kolmella widget-sarakkeella perusasennus lisää palvelimen vasteaikaan noin 40 ms ja noin 15 kt pakattuja tyylejä. Tämä on verrattavissa mihin tahansa laadukkaaseen megamenu-lisäosaan ja huomattavasti vähemmän kuin JavaScript-kehyksiin perustuvat ratkaisut.

Riittääkö ilmainen versio, vai tarvitsenko Pron?

Blogiin, portfolioon tai pieneen yrityssivustoon ilmainen versio on riittävä: vedä ja pudota, sarakkeet, widgetit, responsiivisuus ja rajattomat teemat sisältyvät kaikki. Prota tarvitaan, kun myyt teemaa ja haluat upottaa megamenun jakeluun, tai kun valikko vaatii välilehtiä, karusellia ja some-kuvakkeita. WooCommerce-verkkokaupoille Pro tarjoaa kirjautumis- ja ostoskorivalikot kuvakkeilla. Tämä ei ole pakollista, mutta se parantaa käyttökokemusta. Valitse tehtäväsi mukaan: jos valikko on sisältöä varten, ota Free; jos rakennat teemaa myyntiin, Pro .less-integraatiolla on oikea valinta.

Toimiiko QuadMenu minkä tahansa teeman kanssa?

Useimpien kanssa kyllä. Lisäosa käyttää WordPressin standardia Walker-luokkaa valikoille ja kytkeytyy wp_nav_menu-funktioon. Teemat, jotka ohittavat valikon renderöinnin kokonaan (mukautetut Walker-luokat, jotka ohittavat WordPressin suodattimet), saattavat vaatia manuaalista integraatiota, mutta QuadMenun dokumentaatio sisältää esimerkkejä tällaisiin tilanteisiin. Kolmesta tusinasta suositusta teemasta ristiriitoja on kirjattu yksittäistapauksissa, lähinnä niche-teemoissa, joissa on oma suljettu valikon renderöinti. QuadMenu tarjoaa quadmenu_integration-suodattimen manuaalista integraatiota varten.

Miten QuadMenu on parempi kuin Max Mega Menu?

Max Mega Menu tarjoaa enemmän valmiita tyylejä suoraan paketista ja hieman aloittelijaystävällisemmän käyttöliittymän. QuadMenu voittaa kehittäjien näkökulmasta: .less-integraatio, teemojen vienti, lataaminen teemakansiosta ja customizer-suodattimet eivät ole saatavilla MMM:ssä. Lisäksi QuadMenu tukee offcanvas- ja pystyasetteluja ilmaisversiossa, kun taas MMM varaa ne vain Prohon. Valinta riippuu käyttäjäprofiilista: jos rakennat sivustoa itsellesi, Max Mega Menu on ystävällisempi ensimmäisen tunnin aikana. Jos olet teemakehittäjä tai kokoat tuotetta asiakkaalle, QuadMenu tarjoaa työkaluja, joita kilpailijoilta puuttuu.

Kehitetäänkö lisäosaa edelleen vai onko se hylätty?

Kesäkuussa 2026 sitä kehitetään aktiivisesti. Versio 3.3.4 julkaistiin vuonna 2026 WordPress-yhteensopivuuskorjauksella, jota edelsivät WooCommerce-yhteensopivuuskorjaukset. Tekijä QuadLayers tunnetaan myös lisäosista kuten Social Feed Gallery ja WooCommerce Checkout Manager. Vuodesta 2021 lähtien lisäosa on edennyt versiosta 1.8 versioon 3.3.4: täydellinen refaktorointi versiossa 3.0, päivitys Font Awesome 6:een, PHP 8 -yhteensopivuus ja säännölliset tietoturvakorjaukset. WordPress.orgissa on 267 arvostelua, joiden keskiarvo on yli 4 tähteä. Julkaisutiheys on 3-4 kertaa vuodessa, mikä on keskimääräistä enemmän megamenu-nichessä.

Mitä valita ja kannattaako QuadMenu asentaa

Jos tarvitset megamenun, joka ei pakota opettelemaan uutta käyttöliittymää eikä aiheuta ristiriitoja muun sivustosi kanssa, QuadMenu on yksi markkinoiden parhaista vaihtoehdoista. Se laajentaa WordPressin natiivia järjestelmää sen sijaan, että korvaisi sen, ja tämä on tärkein perustelu sen puolesta.

Hanki ilmainen versio virallisesta WordPress.org-hakemistosta, jos rakennat sivustoa itsellesi tai asiakkaalle; sen ominaisuudet riittävät varmaan navigaatioon. Katsele premium-versiota CodeCanyonissa, jos kehität teemaa myyntiin tai tarvitset välilehtiä, karusellia ja .less-integraatiota. Verkkokaupoille Pro-versio tuo mukavia lisäyksiä, kuten ostoskorin ja kirjautumisen kuvakkeet suoraan valikkoon; konversio ostoskoriin on perinteisesti korkeampi niiden kanssa.

🔗 QuadMenu WordPress.orgissa

🔗 QuadMenun virallinen sivusto