Giuliomax Menu Builder

FAQ

Hoe toon ik het menu?

De makkelijkste manier: open een willekeurige pagina of de header van je site in de editor, klik op de +-invoeger en zoek naar MenuX — sleep het blok erin en je bent klaar, zonder één regel code. Liever een shortcode? Typ gewoon [menux] in een pagina, bericht of widget. Om op verschillende plekken (header, footer, zijbalk…) een ander menu te tonen, kies je de locatie in de blok-zijbalk of geef je deze mee aan de shortcode als [menux location="footer"].

Is het echt gratis? Zijn er advertenties, watermerken of upsells?

Ja, echt gratis. Elke functie die hier beschreven wordt — mega menu’s, de WooCommerce winkelwagen, 50 thema’s, de aankondigingsbalk met afteltimer, toegankelijkheid, Google Fonts, het Gutenberg blok — is inbegrepen zonder betaalmuur, zonder “nu upgraden” banners in de bouwer, zonder advertenties en zonder watermerk op je menu. Als de plugin je tijd bespaart, is een kleine vrijwillige donatie van harte welkom — maar er zit niets achter slot.

Ik heb mijn menu al gebouwd via Weergave → Menu’s. Moet ik opnieuw beginnen?

Nee! Open de bouwer, klik op de tab 📋 WP importeren, kies je bestaande menu uit de dropdown en klik op ↓ Importeren. Alle items — pagina’s, aangepaste links en één niveau aan sub-items — verschijnen direct in de MenuX bouwer, klaar om op te maken. Het duurt zo’n tien seconden.

Vervangt het mijn thema’s menu? Hoe verberg ik het oude menu?

MenuX toont zijn eigen menu op de plek waar je het blok of de shortcode plaatst — het verwijdert het menu van je thema niet. Het oude menu verbergen doe je zo: bij FSE-thema’s verwijder je het Navigatieblok uit het header template onderdeel in de Site-editor; bij klassieke thema’s gebruik je het paneel WP Menu-integratie (dat wp_nav_menu() onderschept en de uitvoer van het thema’s menu rechtstreeks vervangt) of je koppelt het menu los van de themalocatie via Weergave → Menu’s.

Hoeveel menu’s kan ik aanmaken?

Één configuratie stuurt maximaal vier menulocaties aan: Primair, Footer, Zijbalk en Mobiel. Wijs elk item in de bouwer een locatie toe en plaats elk menu vervolgens met [menux location="footer"] of door de locatie te kiezen in de blok zijbalk. Items worden standaard aan Primair toegewezen.

Kan ik op verschillende pagina’s een ander menu tonen?

Ja — met paginavoorwaarden per item kun je een item alleen tonen op specifieke pagina-ID’s, en je kunt dit combineren met voorwaarden voor apparaat, rol, login status, planning en campagne (UTM). Voor structureel verschillende menu’s in verschillende gebieden gebruik je de vier locaties (Primair / Footer / Zijbalk / Mobiel).

Hoe maak ik dropdown submenu’s aan?

Open een item in de bouwer en zoek de sectie 📂 Submenu. Klik op + Submenu toevoegen en daarna op + Sub-item toevoegen — elk sub-item kan een WordPress pagina of een aangepaste link zijn, met een eigen label per taal, een icoon en een tabdoel. Op desktop opent het submenu bij aanwijzen; op mobiel vouwt het inline uit bij een tik. Geen code nodig.

Hoe verander ik een menu-item in een knop (“Nu boeken”, “Aan de slag”)?

Open het item in de builder en activeer de toggle 🎯 CTA knop. Er verschijnen vier instellingen: achtergrondkleur, tekstkleur, hoveren kleur en hoekradius (0 voor rechte hoeken, 50 voor een pill-vorm). Het item wordt weergegeven als een echte knop in de menubalk — met een hoveren effect — en de opmaak blijft behouden bij themawijzigingen en bij exporteren/importeren.

Kan ik menu-items automatisch laten verschijnen en verdwijnen?

Ja. Elk item heeft een sectie ⚙️ Planning & Voorwaarden met een Van/Tot datum-tijdbereik — ideaal voor tijdelijke promotielinks. Je kunt een item ook beperken tot een dagelijks tijdvenster (bijv. “Lunchmenu” alleen tonen van 12:00–15:00), en het venster kan zelfs middernacht overschrijden voor nachtelijke bedrijven.

Kan ik items alleen tonen aan ingelogde gebruikers of specifieke rollen?

Ja. Elk item heeft een zichtbaarheid dropdown: iedereen, alleen ingelogd, alleen uitgelogd, of een specifieke WordPress rol (Beheerder, Redacteur, Abonnee, aangepaste rollen…). Ideaal voor ledengebieden, klantenportals en “Mijn account” links die pas na inloggen verschijnen.

Hoe voeg ik een logo toe?

Ga naar MenuX → Logo in de beheerzijbalk, upload of kies een afbeelding en stel vervolgens de positie binnen de balk in (links, midden of rechts), evenals de breedte, hoogte, marges en randradius (handig voor ronde of pilvormige logo’s). Het logo verschijnt meteen in het live voorbeeld.

Hoe zorg ik dat het menu bovenaan blijft staan bij scrollen?

Open MenuX → Stijl → Sticky en activeer de sticky header. Standaard spiegelt het de stijl van je hoofdmenu (“Hoofdmenu volgen”); schakel dat uit om de sticky balk een eigen achtergrond, schaduw, padding en uitlijning te geven. Je kunt ook een inkrimping-bij-scrollen-effect en automatisch verbergen inschakelen.

Hoe voeg ik een zoekbalk toe?

Activeer de zoekbalk via het paneel Zoeken in het beheer. Er wordt een vergrootglas icoon aan het menu toegevoegd; klikken erop opent een modal met twee tabbladen — zoeken in je menu-items, of zoeken in de tekst van de huidige pagina met vorige/volgende toetsenbordnavigatie.

Werkt het in Full site editing (FSE)-thema’s zoals Twenty Twenty-Five?

Ja — en het is nog nooit zo eenvoudig geweest. Ga naar Weergave → Editor, open het header template onderdeel, klik op de +-invoeger, zoek naar MenuX en sleep het blok MenuX — Menu op de gewenste plek voor de navigatie. Kies de menulocatie via de blok-zijbalk. Font Awesome iconen, je ingestelde Google Font en de JavaScript voor het mega menu en hamburger worden allemaal correct geladen in de editor-voorbeeld — je ziet het eindresultaat terwijl je bouwt.

Werkt het met pagina bouwers?

Ja. Gebruik in de WordPress blok-editor het native MenuX-blok. In Elementor, Divi, WPBakery en andere bouwers voeg je gewoon een Shortcode.element toe met [menux] — beide methoden leveren hetzelfde menu op.

Werkt het met caching plugins?

Ja. De HTML van het menu wordt server-side gegenereerd en is compatibel met WP Rocket, LiteSpeed Cache, W3 Total Cache en vergelijkbare plugins.

Hoe voeg ik Font Awesome iconen toe?

In de menubouwer heeft elk item een pictogramveld. Typ de FA klassenaam, bijvoorbeeld fa-solid fa-house, of gebruik de knop 🎨 Kiezen om iconen visueel te bekijken en te zoeken. Font Awesome 6 Free wordt automatisch geladen.

Is het compatibel met WPML / Polylang / TranslatePress?

Ja. Deze plugin detecteert automatisch geïnstalleerde meertalige plugins en laat je per menu-item een label per taal instellen.

Waar stel ik het mobiele breakpoint in?

Ga naar MenuX → Stijl → Mobiel en stel je gewenste pixel breakpoint in, of kies Automatisch om dit te laten bepalen op basis van de beschikbare ruimte. De standaardwaarde is 768px.

Kan de tekst van het mobiele menu andere kleuren hebben dan op desktop?

Ja. Bij Stijl → Hamburger → 🔤 Mobiele linktekst vind je drie afzonderlijke kleurkiezers — Normaal, Hoveren en Actief — die alleen van toepassing zijn binnen het mobiele menu. Laat ze leeg om de kleuren van je desktopmenu over te nemen.

De hamburgerknop heeft een donkere of grijze achtergrond in mijn thema — hoe komt dat?

That was your theme’s own <button> styling bleeding through. Since version 3.5.0 the plugin forcefully resets the hamburger background to transparent on every theme — and if you set a custom background color, that wins too. Just update to the latest version; no configuration needed.

Hoe gebruik ik de preset thema’s?

Klik in de zijbalk van beheer op ✨ Thema’s. Gebruik de categoriekaarten (Donker, Minimalistisch, Levendig, Creatief, Zakelijk, Natuur, Elegant, Retro, Glas, Speels) om de 50 vooraf ingestelde thema’s te filteren. Klik vervolgens op een willekeurige kaart om het thema direct toe te passen en live te bekijken.

Hoe werkt het Mega Menu?

Ga naar ⚡ Mega Menu in de zijbalk, activeer de toggle naast een navigatie-item op het eerste niveau en klik op ⚡ Kolommen bewerken ▶. Voeg maximaal 4 kolommen toe en vul ze met kopteksten, links (met icoon en beschrijving), scheidingslijnen, afbeeldingen of shortcodes. Klik op 🎨 Weergave om dit specifieke megamenu een eigen achtergrond, kleuren en afstand te geven. Klik op ✨ Voorinstellingen om een van de 20 kant-en-klare templates te laden.

Hoe voeg ik een aankondigingsbalk toe?

Ga naar MenuX → Aankondiging in de admin-zijbalk, vink Aankondigingsbalk inschakelen aan, typ je bericht, voeg optioneel een link toe en stel de kleuren in. Kies Boven of Onder om te bepalen waar de balk ten opzichte van de navigatie verschijnt. Voeg een afteltimer toe door de toggle Afteltimer in te schakelen, een doeldatum/-tijd te kiezen en optioneel een vervalbericht in te stellen.

Kan ik voor elk mega menu een andere achtergrond instellen?

Ja, sinds versie 3.0. Klik op ⚡ Kolommen bewerken ▶ bij een ingeschakeld item en schakel over naar de tab 🎨 Weergave. Wijzigingen gelden alleen voor het paneel van dat item en overschrijven de algemene standaardinstellingen.

Werkt de WooCommerce winkelwagen met alle thema’s?

Ja. Het winkelwagen-icoon maakt deel uit van de menu-uitvoer en werkt daardoor met elk thema, of je het menu nu plaatst via het MenuX blok of via de shortcode [menux]. De mini-winkelwagen gebruikt het native fragmentensysteem van WooCommerce voor live-updates.

Werkt de WP Menu integratie met alle thema’s?

Het werkt met klassieke PHP thema’s die wp_nav_menu() rechtstreeks aanroepen (bijv. GeneratePress, OceanWP, Neve, Kadence). Thema’s die een aangepaste header bouwer gebruiken (bijv. Astra Header Builder) omzeilen wp_nav_menu() intern, waardoor de integratie deze niet kan onderscheppen — in dat geval plaats je het MenuX blok (of de [menux] shortcode) gewoon in je header.

Verlies ik mijn menu als ik van thema wissel?

Nee. Je menu-items en stijlen worden opgeslagen door de plugin, niet door het thema. Als je van thema wisselt, blijft het menu intact — je hoeft het blok (of de shortcode [menux]) alleen opnieuw te plaatsen in de header van het nieuwe thema.

Kan ik mijn menu overzetten naar een andere site?

Ja. Gebruik Importeren / Exporteren: exporteer je volledige configuratie (items, stijlen, megamenu’s, winkelwagen, aankondiging en alle instellingen) naar een JSON-bestand en importeer dit op een andere site om het menu exact te reconstrueren. Het is meteen ook een handige back-up.

Is het menu toegankelijk?

Ja. Eén master toggle activeert een volledige WCAG 2.2 AA-laag: toetsenbordnavigatie, een zichtbare focusring, een overslaan-link, ARIA-labels, voldoende grote aanraakdoelen, ondersteuning voor verminderde animatie en een hoog-contrastmodus.

Vertraagt het mijn site?

Nee. De HTML en CSS van het menu worden server-side gegenereerd, Font Awesome is lokaal meegeleverd (geen extern verzoek) en Google Fonts worden alleen geladen als je er daadwerkelijk een kiest. Er is geen zwaar framework, waardoor de impact klein blijft en de plugin goed samenwerkt met caching plugins.

Is het AVG/GDPR conform?

De plugin doet standaard geen enkele externe aanvraag: geen volging, geen analytics, geen cookies, geen CDN-verbindingen — Font Awesome is lokaal meegeleverd. De enige optionele externe verbinding is Google Fonts, en alleen als je er expliciet een kiest in de typografie-instellingen (in dat geval ontvangt Google het IP-adres van de bezoeker als onderdeel van het standaard lettertypeverzoek — zie de sectie Externe diensten). Als je geen Google Font hebt geselecteerd, hoef je niets toe te voegen aan je privacyverklaring.

Kan ik alles resetten en opnieuw beginnen?

Ja. Ga naar MenuX → Tools → Alles resetten en bevestig. Dit verwijdert permanent alle menu-items, stijlen en integratie-instellingen.

Wat gebeurt er met mijn gegevens als ik de plugin verwijder?

Deactiveren bewaart alles — je kunt de plugin uit- en aan togglen zonder je instellingen te verliezen. Verwijderen van de plugin via het pluginscherm wist alle opties en gecachte gegevens volledig uit je database. Als je later misschien terugkomt, exporteer je je configuratie eerst naar een bestand — importeren herstelt daarna alles precies zoals het was.

Kan ik aangepaste CSS gebruiken?

Je kunt de wrapper .menux-container en zijn subelementen stijlen vanuit het stylesheet van je thema of vanuit een veld “Aanvullende CSS” in de WordPress customizer.

Hoe voeg ik een footer toe aan mijn site?

Ga naar MenuX → Footer in de beheer zijbalk. De Setup wizard opent automatisch bij het eerste bezoek — hij begeleidt je door vier stappen (lay-out, thema, inhoud, onderbalk) en genereert een complete footer in minder dan een minuut. Voeg na het opslaan het Gutenberg blok MenuX — Footer toe aan het footer template onderdeel in de Site-editor, of plak [menux_footer] ergens in een klassiek thema of pagina bouwer. De footer wordt alleen weergegeven als hij is ingeschakeld.

Welke sectietypen ondersteunt de Footer Builder?

Er zijn zeven sectietypen beschikbaar: Over ons / Tekst (bedrijfsbeschrijving met ondersteuning voor regeleinden), Linklist (navigatielinks met optioneel nieuwe-tabblad-doel), Contactgegevens (adres, telefoon en e-mail — tel:– en mailto:-links worden automatisch aangemaakt), Sociale iconen (14 netwerken: Facebook, Instagram, X, LinkedIn, YouTube, TikTok, Pinterest, GitHub, WhatsApp, Telegram, Discord, Spotify, Threads, E-mail), Openingstijden (vrije-tekstregels), Nieuwsbriefinschrijving (e-mailformulier dat verbinding maakt met een externe lijstbeheerder), en Aangepaste HTML (alles wat je wilt, gesaneerd via WordPress’s wp_kses_post).

Hoe koppel ik de nieuwsbriefs sectie aan Mailchimp / ConvertKit / Brevo?

In the Footer Builder, add a Newsletter section and paste your list manager’s form submission URL into the Form action URL field. For Mailchimp this is the URL from your embedded form code (the action="…" attribute). The plugin renders a standard HTML <form method="post"> with an email input named EMAIL. No API key, no server-side code — the browser POSTs directly to your list manager. The form is skipped if the action URL is left blank.

Hoe kies ik een footer thema?

De pagina van de Footer Builder toont een raster Footer thema’s met 8 samengestelde kleurenpaletten. Klik op een kaart om deze direct toe te passen — alle kleurvelden worden geüpdatet en het live-voorbeeld weerspiegelt de wijziging. Je kunt elke afzonderlijke kleur verder aanpassen nadat je een thema hebt toegepast. Het gekozen thema wordt onthouden bij volgende opslagens.

Kan ik op desktop en mobiel verschillende kolommen tonen?

Ja. Elke footer sectiekaart heeft een toggle “Deze kolom verbergen op mobiel”. Ingeschakelde kolommen worden verborgen op schermen van 600 px breed en smaller; alle kolommen blijven zichtbaar op desktop. Het live-beheervoorbeeld toont verborgen kolommen met een vage amberkleurige omtrek, zodat je ze nog steeds kunt zien en bewerken.

Hoe voeg ik een knop toe om naar boven te scrollen?

Ga in MenuX → Voettekst → Stijl → Onderste balk, vink “Knop ‘Naar boven scrollen’ weergeven” aan en sla op. Er verschijnt een zwevende ↑ knop (in je accentkleur) op de pagina zodra de bezoeker 300 px naar beneden scrolt, en als je erop klikt, scroll je soepel terug naar boven. Dit heeft geen effect in het voorbeeld van de Gutenberg editor.

Kan ik een footer sectie dupliceren?

Ja. Elke sectiekaart in de bouwer heeft een knop ⧉ (dupliceren) in de header rij. Als je erop klikt, wordt direct eronder een exacte kopie van die sectie ingevoegd, inclusief alle inhoud (links, sociale netwerken, tekst, enz.), die je daarna onafhankelijk kunt bewerken.