Het menu is een van de belangrijkste elementen van je website. Met een opgeruimde en doordachte navigatie bied je je bezoekers de nodige oriëntatie. Of je kunt ze sturen naar waar jij wilt dat ze heen gaan. We presenteren vijf praktische menu plugins voor WordPress, inclusief mobiele menu's.
De belangrijkste elementen van een website: above the fold
Wat zijn de elementen op een website die onmiddellijk in het oog springen als je de pagina opent? In de regel zijn dit degenen die "above the fold" worden geplaatst. Met andere woorden, ze zijn onmiddellijk zichtbaar op het scherm zonder dat je naar beneden hoeft te scrollen.
Dit omvat het logo en de naam van de site, meestal een zoekfunctie en de eerste prominent geplaatste blogartikelen. Of je diensten of producten uit de webwinkel. En: het hoofdmenu. Met WordPress heb je al een relatief grote vrijheid in het ontwerp van het menu.
In de backend kun je zoveel menu's maken als je wilt onder Design -> Menu's en ze op verschillende plaatsen op je website gebruiken. Bijvoorbeeld in de menubalk bovenaan, in de footer of via een widget in de zijbalk. In deze tekst zullen wij ons vooral concentreren op het hoofdmenu, omdat daar meestal het grootste aantal aanpassingen nodig is.
Wat een menu plugin doet
Want: Met WordPress kun je deze menu's maken en ze ook met verschillende niveaus nesten, als je WordPress theme dit toestaat. Of (afhankelijk van het theme) je kunt er zelfs hele mega-menu's van maken. Als je echter complexere structuren nodig hebt of een theme gebruikt zonder een aantrekkelijk en responsief mobiel menu, zul je op een gegeven moment je grenzen bereiken.
De oplossing, zoals zo vaak het geval is met WordPress, zijn natuurlijk plugins. Als je zoekt op de term "menu" in de WordPress plugin directory, zul je bijna 1.000 hits vinden. Slechts enkele hiervan zijn echter echte menu plugins, aangezien het woord "menu" erg veel gebruikt wordt in de WordPress wereld.
Dus voordat je door de verschillende plugins moet klikken, hebben wij het voor je gedaan. Wij laten je vijf menu plugins zien die je WordPress navigatie beter kunnen maken.
Max Mega Menu
- Ontwikkeling: megamenu
- Actieve installaties: meer dan 400.000
- Beoordeling: 4,5 van de 5 sterren uit 400 reviews
De WordPress plugin Max Mega Menu is een van de meest populaire en bekende menu plugins voor WordPress. Hiermee kun je met een paar klikken je menu in een megamenu veranderen, waarin je vervolgens alle WordPress widgets kunt invoegen. Je kunt ook het ontwerp van het menu aanpassen aan je website en het gedrag van het menu volledig wijzigen.
Dit laatste is bijvoorbeeld van belang als je menu alleen bij bepaalde pixelbreedtes (ook wel schermgroottes genoemd) in een mobiel menu mag veranderen. Of als het gaat om de vraag wat er moet gebeuren als je op een submenukop klikt. Wat indrukwekkend is aan "Max Mega Menu" is dat er meteen aan toegankelijkheid is gedacht: de menu's kunnen ook volledig via het toetsenbord worden bediend. Ze volgen een logica die het mogelijk maakt voor mensen met een visuele handicap om hun weg te vinden in het menu via het toetsenbord en de spraakbesturing. Een punt dat helaas vaak wordt vergeten bij soortgelijke oplossingen.
"Max Mega Menu" is gebaseerd op het standaard WordPress menu systeem. Het zou daarom compatibel moeten zijn met de meeste WordPress thema's. De 400.000 actieve installaties spreken voor de plugin – net als de 4,5 van de vijf sterren met meer dan 400 reviews in de WordPress directory. Als je nog meer nodig hebt, kun je ook extra functies ontgrendelen via een betaalde Pro-variant.
WP Mobile Menu – Mobile-Friendly Responsive Menu
- Ontwikkeling: Rui Guerreiro
- Actieve installaties: meer dan 80.000
- Beoordeling: 5 van de 5 sterren bij 200 reviews
In 2021 zou een responsive website al 10 jaar standaard moeten zijn. Helaas heeft dit nog niet alle thema-ontwikkelaars bereikt. En dus vertonen enkele themes zelfs vandaag nog gebruiksproblemen op mobiele apparaten. Als je hier ook last van hebt, kan de WP Mobile Menu plugin je helpen (naast het veranderen van het thema). Met deze tool kun je een mobiel menu maken dat je bezoekers visueel en functioneel aantrekkelijk zullen vinden, zonder enige programmeerkennis. Enkele van de functies:
- Drie menuniveaus om zelfs grote menu's te structureren
- Grote flexibiliteit in het ontwerp van het menu
- Gebruik van Google Fonts
- Verbergen van elementen wanneer het mobiele menu wordt weergegeven
Met de betaalde pro versie van de plugin (vanaf 77 US dollar per jaar of vanaf 200 US dollar voor een levenslange licentie) kun je het menu nog verder verbeteren. Bijvoorbeeld een live search, bannerruimtes (als je sponsors of adverteerders hebt, of in affiliate marketing) en geanimeerde iconen en elementen.
Het feit dat de plugin op meer dan 80.000 WordPress sites draait, toont het nog steeds bestaande probleem met mobiele menu's aan. Met meer dan 200 reviews en top cijfers, is "WP Mobile Menu" een van de meest populaire oplossingen voor deze uitdaging.
Responsive Menu – Mobile-Friendly Menu
- Ontwikkeling: ExpressTech
- Actieve installaties: meer dan 100.000
- Beoordeling: 4,5 van de 5 sterren bij 300 reviews
Een soortgelijke plugin is Responsive Menu van ExpressTech. Met deze plugin kun je ook mobiele menu's maken, optimaliseren en ontwerpen als je daar behoefte aan hebt op je WordPress site. "Responsive Menu" belooft theoretisch tot 22.500 verschillende varianten waarmee je je mobiele menu's kunt ontwerpen.
Er is ook een pro versie van deze plugin, maar met 30 US dollar per jaar is deze aanzienlijk goedkoper dan de "WP Mobile Menu" versie. Naast de eerder genoemde opties voor mobiele menu's – d.w.z. op smartphones en tablets – biedt het je ook de mogelijkheid om het menu aan te passen voor de desktopversie van je site. Helaas is de toegankelijkheid, d.w.z. de bediening van het menu via het toetsenbord, ook verborgen achter de betaalde versie.
"Responsive Menu" overtreft zelfs "WP Mobile Menu" met meer dan 100.000 actieve installaties. De 300 reviews zijn overwegend positief en geven de plugin 4,5 van de vijf mogelijke sterren.
Sticky Menu, Sticky Header on Scroll
- Ontwikkeling: WebFactory Ltd
- Actieve installaties: meer dan 100.000
- Beoordeling: 5 van de 5 sterren bij 450 reviews
Sticky" is de term die wordt gebruikt om een element aan te duiden dat nog zichtbaar is wanneer je er eigenlijk langs scrollt. Je kent dit bijvoorbeeld van sommige advertenties of van menu's op websites. Als je gebruikers naar beneden scrollen, blijft het menu bovenaan het scherm zichtbaar. Afhankelijk van het doel van de toepassing kan dit zinvol zijn om je gebruikers te besparen van het naar boven moeten scrollen als je menu een centrale rol speelt in het gebruik van je site.
Je kunt zo'n "sticky menu" implementeren met veel moderne themes of zelfs standaard met een Page Builder. Als dit niet mogelijk is, vind je een oplossing in de Sticky Menu plugin. Hiermee kun je je menubalk (en verschillende andere elementen als je dat wenst) vastmaken en "sticky" maken.
Je moet er echter voor zorgen dat een dergelijk menu voor jou echt zinvol is. Je wilt je gebruikers immers zoveel mogelijk ruimte op hun scherm geven voor de inhoud of producten. Een menubalk kan 80-150 pixels van het scherm in beslag nemen en kan daardoor snel storend worden.
De plugin is eenvoudig te gebruiken en draait op 100.000 WordPress installaties. Volgens de 450 positieve reviews, werkt het over het algemeen zeer goed.
WordPress Mega Menu – QuadMenu
- Ontwikkeling: Mega Menu
- Actieve installaties: meer dan 20.000
- Beoordeling: 4,5 van de 5 sterren bij 200 reviews
Een beetje minder bekend dan "Max Mega Menu" is de WordPress Mega Menu plugin. Het doet precies wat de naam belooft: een mega menu bouwen in WordPress. Deze kan dan visueel worden aangepast aan de look en feel van de website, is widget-ready en kan gemakkelijk worden gemaakt met drag-and-drop. Bovendien zijn er al demo's voor de belangrijkste WordPress frameworks en themes, bijvoorbeeld voor Divi, Avada of OceanWP.
Positief is dat de ontwikkelaars de plugin al in de gratis versie van veel functies hebben voorzien. Helaas hebben ze eenvoudige basisprincipes verborgen achter de betaalde pro-versie – bijvoorbeeld de optie voor sociale menu's. De pro-versie kost immers slechts 15 US dollar voor een enkele licentie.
"WordPress Mega Menu" krijgt 4,5 van de vijf sterren bij 200 beoordelingen van meer dan 20.000 actieve installaties, waardoor het een alternatief is voor "Max Mega Menu".
Conclusie: Menu plugins kunnen je website beter maken
Uit deze lijst blijkt dat zelfs elementaire onderdelen van elke WordPress website kunnen worden verbeterd en geoptimaliseerd met plugins. Zoals altijd geldt ook voor menu plugins voor WordPress: gebruik alleen plugins als ze echt belangrijk en noodzakelijk zijn, want elke extra plugin maakt je website zwaarder en complexer. Als je echter je site rond de navigatie opbouwt, zul je in de WordPress plugin directory genoeg extensies vinden om je te helpen.
Voordat je echter tot installatie overgaat, moet je je ervan bewust zijn dat veel menu-plugins op een freemium-model berusten. Dit betekent dat je een gratis basisversie ontvangt, die je vervolgens kunt uitbreiden met betaalde pro-versies indien nodig. Een plugin-vergelijking is hier de moeite waard, omdat de ene plugin de door jou gewenste functie alleen tegen betaling aanbiedt, terwijl een andere deze functie misschien al gratis in de basisversie aanbiedt. Dan mag niets in de weg staan van je gewenste menu.
