WordPress menu maken en aanpassen: alles wat je moet weten

Je kunt een WordPress menu maken en aanpassen op twee manieren.

De eerste is via de Customizer (hier kun je je menu live zien veranderen – dit gebruik ik meestal zelf), de tweede is via het WordPress dashboard (dit geeft je meer mogelijkheden).

In dit artikel ga ik in op beide manieren. Ook laat ik je zien hoe je gemakkelijk een dropdown menu maakt in WordPress.

Hierna gaan we kijken naar meer geavanceerde functionaliteit, zoals het maken van een mega-menu, en leg ik uit waarom het hebben van een goed gestructureerd WordPress menu precies zo belangrijk is.

WordPress menu maken of aanpassen via de Customizer

Nieuw WordPress menu maken

Je kunt de Customizer vanuit iedere pagina van je WordPress site bereiken.

Naar WordPress Customizer

In de Customizer klik je op de Menu’s knop.

Menu aanpassen WordPress Customizer

Vervolgens klik je op Nieuw menu aanmaken.

WordPress menu aanmaken

Geef daarna je menu een naam (als je maar één menu wilt gebruiken op je site, dan maakt het niet uit hoe je het noemt), vink Primary aan en klik op de Volgende knop.

Items toevoegen aan je WordPress menu en items verwijderen

Nu het menu is aangemaakt, kunnen we er onderdelen aan gaan toevoegen.

Klik op Items toevoegen. Nu kun je Aangepaste links (hier vul je zelf een URL in), Pagina’s, Berichten, Categorieën of Tags toevoegen aan je menu.

Klik simpelweg op een item om het toe te voegen aan je menu. Bij mijn voorbeeld website heb ik 3 pagina’s toegevoegd: Blog, Over ons en Contact.

Je kunt deze items oppakken en verslepen om de volgorde ervan te veranderen.

Menu items toegevoegd WordPress

Mocht je een item uit je menu willen verwijderen, klik dan op het pijltje rechtsboven en klik op de Verwijderen knop.

WordPress menu item verwijderen

Dropdown menu maken

Het maken van een dropdown menu is eenvoudig. Voeg eerst de items die je in het dropdown menu wilt plaatsen toe aan het menu. Sleep ze vervolgens onder het item wat je in de dropdown wilt veranderen en zet ze een beetje naar rechts.

WordPress dropdown menu maken

In dit voorbeeld linkt het menu item boven het dropdown menu naar een pagina (Blog). Maar wat nou als je wilt dat dit item nergens naar linkt?

Om dit te doen voeg je een Aangepaste link toe aan het menu. In het URL-veld plaats je een hekje (#) en in het Linktekst-veld zet je de naam die je het menu item wilt geven.

WordPress menu aangepaste link toevoegen

Wanneer je klaar bent met het maken van je menu, klik je op de Publiceren knop rechtsboven in de customizer. Het menu staat nu live op je website.

WordPress menu

Design en functionaliteit aanpassingen

De mate waarin je het uiterlijk en gedrag van je menu kunt aanpassen hangt af van je WordPress thema.

Met bijvoorbeeld Kadence (wat wij gebruiken voor Start24) klik je binnen de Customizer op Header. Hier kun je je menu sticky maken (bezoekers blijven het zien wanneer ze naar beneden scrollen).

Via Design kun je onder andere de achtergrondkleur van je menu aanpassen.

WordPress menu aanpassen

WordPress menu maken of aanpassen via het dashboard

Je kunt een WordPress menu ook maken of aanpassen via het dashboard. Dit kun je doen door te navigeren naar Weergave » Menu’s.

WordPress menu aanpassen via dashboard

Dit is de “ouderwetse” manier.

In de meeste gevallen voegt het weinig toe om op deze manier een menu te maken of aan te passen.

Je kunt via deze route wel van geavanceerde toepassingen gebruik maken zoals linkdoelen (om bijvoorbeeld een externe link op “no-follow” in te stellen) en CSS-classes, maar de meeste mensen zullen dit niet nodig hebben.

WordPress menu schermelementen

Wat wel interessant is, is dat het dashboard de route naar het maken van een complex menu zoals een menu-menu. Hierover meer hieronder.

Een mega-menu en andere geavanceerde menu’s maken in WordPress

Een mega-menu geeft je aanmerkelijk meer vrijheid wat betreft de lay-out en het design van je menu.

Wij gebruiken een mega-menu voor Start24:

Start24 mega-menu

Nu is dit mega-menu nog relatief spartaans. Je kunt als je wilt een stuk verder gaan ermee:

ToolTester mega-menu

Waar je voorheen nog diep in de codering moest duiken om dit soort menu’s te kunnen maken, is het goede nieuws dat je nu gewoon een plugin kunt gebruiken.

Zo zit mega-menu functionaliteit ingebakken bij de betaalde versie van Kadence.

Onderstaande video tutorial laat je precies zien hoe dit werkt:

Mocht het je interessant lijken om je site ook met Kadence te bouwen, bekijk dan onze WordPress handleiding.

Waarom het hebben van een goed gestructureerd WordPress menu belangrijk is

Het menu is de belangrijkste navigeertool van een site. Een onoverzichtelijk menu zorgt ervoor dat je bezoekers niet eenvoudig kunnen vinden wat ze zoeken. Dit werkt frustrerend en kan de kans kleiner maken dat ze naar je site terugkeren.

Daarnaast kan het hebben van een goed gestructureerd menu helpen met SEO.

Op een content site (zoals Start24) is het slim om je menu te structureren aan de hand van je verschillende categorieën. Zo hebben wij aparte menu items voor onze content over het maken van een website, webhosting, website makers, marketing en business tools.  

Voor een bedrijfswebsite is het belangrijkste dat je contact pagina eenvoudig vanaf je menu te bereiken is.

Samenvatting

Het is met de ingebouwde functionaliteit van WordPress zeer eenvoudig om een menu in elkaar te zetten en aan te passen.

Of je dit wilt doen via het dashboard of de Customizer is uiteindelijk een kwestie van smaak, en of je geavanceerde functionaliteit nodig hebt.

Wanneer ik met een mega-menu in de weer ga gebruik ik het dashboard, anders volstaat de customizer.

Heb je nog vragen over WordPress menu’s? Laat dan hieronder een bericht achter.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *