Een WordPress menu aanpassen is iets wat je regelmatig zal doen, aangezien het menu een onderdeel is van iedere pagina op een website.
Sterker nog, het is een super belangrijk onderdeel om ervoor te zorgen dat je bezoekers kunnen navigeren naar de juiste plekken op je website.
In dit artikel zal ik je uitleggen hoe je een menu in WordPress kunt maken en hoe je het menu kunt aanpassen.
Inhoudsopgave: WordPress menu maken en aanpassen
WordPress menu maken en aanpassen (video)
In onderstaande video laat ik je zien hoe je een WordPress menu kunt maken en wijzigingen kunt aanbrengen aan het menu.
Wil je liever de tekstvariant lezen of meer instructies en informatie? Je kunt hieronder verder lezen voor meer informatie.
Hoe kan ik een WordPress menu maken of aanpassen?
Er zijn diverse manieren om een menu te maken in WordPress. De manier waarop het moet ligt er maar net aan welk thema je gebruikt.
Gebruik je bijvoorbeeld het standaard WordPress thema, wat een blok thema is, dan kun je via de site editor (Weergave → Editor) het menu maken en aanpassen. Deze manier van werken hoort bij de Full Site Editing (FSE) mogelijkheid in WordPress.
Wanneer je een ander thema hebt uitgekozen, bijvoorbeeld het Astra WordPress thema, dan kun je in het WordPress dashboard naar de menu-instellingen.
Ik zal hieronder eerst de meest voorkomende manier behandelen als het gaat om het maken en aanpassen van een menu.
WordPress menu aanpassen via de Site Editor
Wanneer je een standaard thema als Twenty Twenty-Four (of nieuwer) gebruikt of een ander blok thema voor WordPress met Full Site Editing, dan krijg je te maken met de Site Editor van WordPress.
Je kunt het menu dan niet meer aanpassen via Weergave → Menu’s wat je wellicht vanuit het verleden gewend was en voor veel thema’s nog zo werkt. Je kunt in dit geval het menu enkel en alleen nog aanpassen door naar Weergave → Editor te gaan.
Om hier een menu te maken of te wijzigen zal je zal je het Navigatie blokje kunnen gebruiken.
Wanneer je eenmaal het navigatiemenu blokje hebt toegevoegd aan de header, kun je op Navigatie klikken en vervolgens op het plusje om een menu-item toe te voegen.
Je kunt hier zoeken naar de pagina die je wil toevoegen of je kunt iets intypen en aangeven dat je hier alvast een conceptpagina voor wil maken, zodat je de pagina later kunt maken.
Het kan verder heel goed zijn dat je een submenu wil toevoegen aan het menu. Dit is ook gewoon nog mogelijk. Hiervoor kun je op het submenu icoontje klikken bij het menu-item waar je een submenu onder wil hebben.
Je kunt vervolgens op het plusje onder het menu-item klikken om extra menu-items aan te maken.
Mocht je overigens ooit een menu-item naar links of rechts willen verplaatsen, dan kun je het menu-item selecteren en op het naar links of rechts pijltje klikken. Bij een submenu werkt dit hetzelfde, alleen dan heb je de pijltjes naar boven en beneden.
Het kan even wennen zijn aan de manier van werken, vond ik zelf in ieder geval, maar alles wat je doet werkt in ieder geval wel goed.
Heb je al een bestaand menu gemaakt in de Full Site editor, dan kun je dit ook aanpassen via Weergave → Editor → Navigatie → Bewerken.
Je kunt nu hoofd menu-items toevoegen door op het plusje te klikken zoals je gewend bent.
Wil je de diepte in, dan kun je in mijn ogen hier prettiger werken dan op andere plekken in de Full Site Editor. Je kunt namelijk aan de rechterzijde een mooi overzicht van je menu zien en ook eenvoudig submenu links toevoegen.
Bekijk voor jezelf wat je een prettige manier van werken vindt, maar dit is in ieder geval hoe je via Full Site Editing jouw menu kunt aanpassen in WordPress.
WordPress menu aanmaken via het dashboard
Bij heel veel WordPress thema’s is dit nog de gebruikelijke manier. Ook in mijn WordPress website maken handleiding waar we vanaf het nulpunt een website bouwen doen we het nog op deze manier.
Wanneer je de volledige controle over je navigatiemenu wilt hebben in WordPress kun je een eigen menu maken. Je kunt dit doen door in te loggen op je website en naar naar Weergave → Menu’s te gaan.
Eenmaal op de pagina kun je direct een WordPress menu aanmaken door in het veld Menunaam een naam in te vullen. Dit is een naam voor intern gebruik, zodat je zelf kunt herkennen om wat voor menu het gaat.
Bij de menu-instellingen kun je eventueel ook al aangeven op welke locatie het menu mag worden weergegeven. In veel gevallen staat direct het hoofdmenu ingesteld. Het kan per thema een andere naam hebben. Zo kan het bijvoorbeeld ook header menu heten.
Klik vervolgens op Menu aanmaken om het menu daadwerkelijk aan te maken.
Menu-items toevoegen aan het menu
Wanneer je een menu hebt aangemaakt kun je aan de linkerkant pagina’s, categorieën, tags en berichten selecteren of een aangepaste link invoeren om aan je menu toe te voegen.
Heb je bijvoorbeeld een contactpagina op je website die je aan je menu wil toevoegen, dan kun je bij Pagina’s zoeken naar “Contact”.
Plaats vervolgens een vinkje bij deze pagina en klik op Aan menu toevoegen. Hetzelfde kun je ook doen voor je berichten, categorieën en tags.
Tip: Kun je bepaalde dingen niet toevoegen, bijvoorbeeld berichten of tags, Bekijk dan de schermopties en zet een vinkje bij Berichten en Tags. Deze opties zullen dan zichtbaar worden.
Bij het tabje Aangepaste links kun je niets selecteren. Het is hier mogelijk om zelf een URL in te vullen. Dit kan naar een andere website zijn (extern), maar ook naar een pagina van je eigen website.
Bij URL vul je de link in waar bezoekers van je website op terecht moeten komen. Bij Linktekst voer je de tekst in die je wilt gebruiken voor je menu-item.
WordPress menu volgorde aanpassen
Wil je de volgorde van de links van je WordPress menu aanpassen? Dit is eenvoudig te doen door simpelweg de menu-items te slepen naar boven of beneden naar de juiste positie.
Wanneer je een menu-item ingedrukt houdt met je muis en naar boven of beneden beweegt zal je stippellijntjes zien wat de nieuwe positie van het menu-item zal worden.
Kun je ook een dropdown menu maken?
Een dropdown menu is een menu dat uitrolt wanneer je er met de muis overheen beweegt. De menu-items in het dropdown menu zijn meestal subpagina’s, categorieën en dat soort dingen.
Zelf maak ik ook gebruik van een dropdown menu, bijvoorbeeld bij het menu-item WordPress Training, dit ziet er als volgt uit:
Het is mogelijk om een dropdown menu te maken in WordPress als je thema hier ondersteuning voor heeft. Hedendaags is dit gelukkig vrijwel altijd het geval.
Het is wederom weer een kwestie van slepen om een dropdown menu te maken. In plaats van naar boven of beneden slepen moet je nu ietsjes naar rechts slepen. Je ziet dan vanzelf een kader verschijnen die wat meer naar rechts staat en dan kun je loslaten. Ik bedoel dus het volgende:
Wanneer je het goed hebt ingesteld zie je tevens “subitem” staan bij het menu-item dat in het dropdown menu moet komen.
Bepaal de positie van je gemaakte menu
Wanneer je tevreden bent over je net gemaakte menu zal je alleen nog moeten bepalen waar het menu op je website komt te staan. Tenminste als je dit nog niet hebt gedaan aan het begin. Je kunt de positie onderaan de pagina bepalen bij de menu instellingen.
Het enige wat je hoeft te doen is een vinkje te zetten bij de optie bij Locatie tonen en op menu opslaan te klikken. Het ziet er als volgt uit:
Het is van je thema afhankelijk of je meerdere plekken hebt waar je het menu kunt laten weergeven of dat je keuze hebt uit 1 plek.
Op Webtalis heb ik bijvoorbeeld de keuze om het menu rechtsboven te tonen (naast het logo) of in een balk onder het logo. Ik kan ook kiezen dat ik beide wil.
Heb je geen idee waar je menu precies terecht komt? De enige manier om dit te ontdekken is door het te testen. Selecteer een locatie, klik op “Menu opslaan” en bekijk je website. Is de positie goed? Mooi. Is de positie fout? Probeer een andere optie.
Meer werk dan dit was het niet. Je hebt nu een menu aangemaakt in WordPress waar je zelf de volledige controle over hebt. Je kunt op een later moment het menu ook aanpassen mocht je hier behoefte aan hebben.
Hoe je menu-items of het complete menu kunt verwijderen
Ondanks dat dit artikel gaat over hoe je een menu kunt aanmaken, kan het natuurlijk ook zijn dat je een menu-item of het hele menu wil verwijderen van je website.
Om een menu-item te verwijderen kun je op het pijltje naar beneden klikken bij het desbetreffende menu-item. Er klapt vervolgens een menu open waar je het een en ander kunt instellen. Linksonder staat de optie om een menu-item te verwijderen.
Het is ook mogelijk om het complete menu in één keer te verwijderen. Kijk onderaan de pagina bij Menu instellingen en je zal al snel de rode tekst “Menu verwijderen” zien staan. Klik hierop om je menu volledig te verwijderen van je website.
Je hoeft dit niet te doen als je het menu wil aanpassen. Een menu aanpassen kan ook gewoon door de menu-items te verwijderen en te vervangen voor nieuwe menu-items die je wel op je website wil tonen.
Overige menu mogelijkheden uitgelegd
Je weet nu hoe je een menu kunt maken in WordPress. Er zijn echter ook nog allerlei extra mogelijkheden waar je wellicht gebruik van wilt maken.
Weet jij bijvoorbeeld hoe je een menu-item niet klikbaar maakt of een link laat openen in een nieuw tabblad? Dit en nog een aantal andere dingen zal ik hieronder behandelen.
Automatisch pagina’s toevoegen
Bij de menu instellingen kun je ook kiezen dat WordPress automatisch nieuwe top-level pagina’s toevoegt aan je menu. Eerlijk gezegd is dit meer een optie die in het verleden gebruikt werd en nu slechts zelden.
Wat met automatisch nieuwe top-level pagina’s toevoegen bedoelt wordt, is dat wanneer je een normale pagina maakt deze automatisch aan het menu wordt toegevoegd. Indien je een pagina maakt en daarbij een hoofdpagina selecteert, dan zal deze subpagina niet in het menu komen te staan.
Wil je graag dat je pagina’s automatisch worden toegevoegd, dan kun je een vinkje zetten bij bij de menu instellingen bij Automatisch pagina’s toevoegen.
WordPress navigatiemenu widget
Naast dat je een locatie kunt kiezen voor je menu heb je ook de mogelijkheid om het menu met een widget op te roepen.
De widget die je hiervoor kunt gebruiken heet “Navigatiemenu”. Je kunt deze widget eenvoudig in de sidebar plaatsen of in andere widget-gebieden.
Wanneer je de widget hebt toegevoegd aan een widget locatie zie je het volgende:
Bij Titel kun je een titel invullen die wordt weergegeven boven het menu en bij Menu selecteren kun je een keuze maken tussen alle menu’s die je hebt gemaakt. Tot slot hoef je alleen nog maar op Opslaan te klikken en je navigatiemenu is zichtbaar op je website.
Niet klikbare menu-item maken
Wanneer je een dropdown menu maakt wil je wellicht dat het menu-item op het hoogste niveau niet klikbaar is. Simpel gezegd kunnen we dit een WordPress menu-item zonder pagina noemen. Je kunt dit eenvoudig realiseren door een aangepaste link aan te maken en het juiste tekentje in te vullen bij URL.
Om te zorgen dat een menu-item niet klikbaar is kun je een hekje (#) bij de URL invullen.
Dit hekje zorgt ervoor dat de persoon op dezelfde pagina blijft zonder dat er iets gebeurd. Bij Linktekst kun je vervolgens de naam van het menu-item invullen en tot slot kun je op “Aan menu toevoegen” klikken.
Menu link in nieuw tabblad openen (linkdoel)
Het kan zijn dat je een (externe) link in het menu wilt laten openen in een nieuw tabblad. Standaard zal je deze optie niet zien, maar wanneer je bij de schermopties kijkt kun je even een vinkje zetten bij Linkdoel.
Je hebt nu de extra optie Open link in een nieuw tabblad gekregen wanneer je bij het menu-item kijkt. Je hoeft hier alleen maar een vinkje bij te zetten wanneer je een link wilt laten openen in een nieuw tabblad.
Het is overigens aan te raden om dit alleen bij externe links te doen. Het is niet gebruiksvriendelijk om links waarbij je op dezelfde website blijft te openen in een nieuw tabblad. Het heeft tenslotte weinig zin om een website meerdere malen geopend te hebben.
Menu-item anders stijlen met CSS
Wil je een menu-item een aparte CSS class geven om iets te doen met de opmaak? Je moet dan hetzelfde doen als wanneer je een link wilt openen in een nieuw tabblad. Ga naar de schermopties en zet een vinkje bij CSS classes.
Je krijgt vervolgens de optie CSS class te zien wanneer je op een menu-item klikt.
Menuknop maken met CSS
Met behulp van CSS kun je dus jouw menu-items opmaken. Hier kun je mooi gebruik van maken als je een knop wilt maken in je menu. Ik heb een eenvoudige tip voor je die bij een groot aantal thema’s werkt, maar helaas niet bij alle.
De tip die ik je wil meegeven om te proberen is dat je het woord button toevoegt in het CSS class veld. Je zal zien dat in 9 van de 10 gevallen jouw menu-item nu is omgetoverd naar een opvallende knop.
Linkrelatie (XFN)
Linkrelatie is eigenlijk een optie dat volgens mij niet heel vaak gebruikt wordt. Deze optie kun je net als bovenstaande opties aanvinken bij de schermopties.
Met Linkrelatie (XFN) kun je aangeven wat voor relatie je hebt met de gelinkte websites. Je kunt tevens aangeven dat Google de link niet hoeft te volgen door er ‘nofollow’ aan toe te voegen. Dit zal de meest gebruikte optie zijn.
Verder kun je links bijvoorbeeld categoriseren op “acquaintance “, “contact” en “friend”. Meer informatie over Linkrelaties (XFN) kun je lezen op de officiële XHTML Friends Network Website.
Menu-items een beschrijving geven
Het menu systeem van WordPress heeft een ingebouwde functie om beschrijvingen toe te voegen aan je menu-items (zie afbeelding hierboven).
Je kunt dan onder de navigatielabel een beschrijving toevoegen die ook in het menu zichtbaar wordt. Het thema dat je gebruikt moet deze functie wel ondersteunen, want anders zal je de beschrijving helaas niet zien.
De beschrijving functie is wederom verstopt bij de schermopties van WordPress. Vergeet dus niet om een vinkje te zetten bij Beschrijving.
Je krijgt daarna een extra optie om een beschrijving in te vullen wanneer je op een menu-item klikt.
WordPress menu aanpassen via de Customizer
Los van dat je het menu kunt aanpassen via Weergave → Menu, kun je dit ook doen via de customizer. Hier kun je komen door naar Weergave → Customizer → Menu’s te gaan.
Het voordeel van een WordPress menu aanpassen via de customizer, is dat je op deze manier je veranderingen live kunt zien. Qua opties is het wel iets minder. Zo kun je niet zoeken door je pagina’s en berichten heen en kun je ook niet de opties tevoorschijn toveren waar je de schermopties voor nodig hebt.
Bekijk dus voor jezelf wat je prettig vindt werken. Persoonlijk pas ik altijd mijn menu’s aan via de traditionele manier via Weergave → Menu’s.
Veelgestelde vragen over Menu’s in WordPress
In dit artikel heb je al ontzettend veel voorbij zien komen over menu’s aanmaken, aanpassen en instellen. Toch kan ik mij goed voorstellen dat je met nog een aantal vragen zit, want er zijn tenslotte zoveel mogelijkheden. Hieronder behandel ik daarom nog een aantal veelgestelde vragen over menu’s in WordPress.
Helaas kun je dit niet met de standaard instellingen van WordPress doen. Je zal dus moeten kijken naar de opmaak instellingen van het thema (of WordPress page builder) waar je gebruik van maakt. Staat echt nergens een optie om het makkelijk in te stellen? Gelukkig komt dit niet vaak meer voor, maar dan zal je helaas aan de slag moeten gaan met de opmaakcode CSS.
Het thema speelt hier een rol in. Over het algemeen wordt het standaard menu ook op mobiel weergegeven, alleen dan op een responsive manier, zodat het op mobiel ook goed te zien. Wanneer dit niet is wat je wil, dan heb je bij sommige thema’s bij de menu-instellingen bij ‘locatie’ de mogelijkheid om aan te geven dat je een menu voor mobiel maakt. Een andere optie is een plugin als WP Mobile menu.
Het best kun je als eerst kijken naar de mogelijkheden van jouw thema. Zit deze functionaliteit erin? Mooi, dan kun je de documentatie van je thema bekijken om precies te zien hoe dit ingesteld kan worden. Heeft jouw thema deze mogelijkheid niet, dan kun je naar een plugin als Max Mega Menu kijken om de mega menu functionaliteit in je website te krijgen.
Dat is voor mij vanaf hier moeilijk te zeggen. Over het algemeen komen de meeste problemen door conflicten met plugins. Controleer dus eerst of dit bij jou ook het geval is. Een totaal andere optie kan zijn dat je schijfruimte helemaal vol zit en je gewoonweg geen ruimte meer hebt om iets nieuws op te slaan. Verder kan het ook komen door problemen in de database. Hoe dan ook is het niet leuk en zal de exacte oorzaak onderzocht moeten worden.
Ik hoop dat je nu alles van menu’s af weet
Na het lezen van dit artikel hoop ik dat al je vragen over WordPress menu’s aanmaken en aanpassen zijn beantwoord en dat het geen probleem meer voor je is om het menu van je website te beheren.
Laat hieronder in de reacties gerust weten of dit artikel je geholpen heeft en wat je van dit artikel vindt en stel ook gerust een vraag als er iets niet helemaal duidelijk is.
