Hoe pas je in WordPress je menu-navigatie aan?

WordPres menu navigatie maken

Wil je je WordPress-website makkelijker navigeerbaar maken? Geen zorgen, het aanpassen van je menu is supersimpel! Deze handleiding neemt je stap voor stap mee, zodat je in een handomdraai een menu hebt dat niet alleen goed werkt, maar er ook nog eens top uitziet. Leer hoe je submenu’s toevoegt, knoppen aanpast en andere trucjes om je WordPress website eruit te laten springen. Je leest het heel eenvoudig in deze handleiding!

Waar pas je een WordPress menu aan?

WordPress -> Weergave -. menu's

Het WordPress hoofdmenu kun je heel simpel zelf aanpassen. Dat doe je als volgt: log in op je WordPress website en ga in het linker menu naar ‘Weergave’. Klik op ‘Menu’s’. Klik vervolgens op ‘Een menu selecteren om te wijzigen’ en kies het menu dat je wil aanpassen. Klik daarna op ‘Selecteren’ en het menu wordt voor je ingeladen.

Wil je niet een menu aanpassen, maar juist een nieuwe aanmaken? Klik dan op de knop ‘Menu aanmaken’ en vul een menunaam in. Verzin een logische naam, zodat je het menu achteraf makkelijk terugvindt. Dit is handig wanneer je meerdere menu’s hebt. Bijvoorbeeld zowel een hoofdmenu bovenin je website én een menu in de voettekst van je website. Wanneer je dan op ‘Menu opslaan’ klikt, wordt het menu opgeslagen en automatisch voor je ingeladen.

In de volgende stap lees je hoe je je WordPress menu kunt vullen met menu-items.

Knoppen toevoegen aan je menu

Wil je knoppen toevoegen aan jouw menu? Selecteer dan de pagina’s, categorieën of berichten die je wil tonen in het menu. Dat doe je door deze aan te vinken en daarna op ‘Aan menu toevoegen’ te klikken.

De knoppen verschijnen nu rechts beeld. Klik op ‘Menu opslaan’ om je menu te bewaren.

Voeg items aan je menu toe

Knoppen aanpassen in je WordPress menu

Als je de knoppen gaat aanpassen kijk dan eerst naar het menu. Daar staan ze aan de rechterkant in een rijtje onder elkaar. Je kunt de volgorde van de knoppen wijzigen door erop te klikken. Vervolgens kun je de knoppen verslepen naar boven of beneden. In onderstaand voorbeeld zie je het hoofdmenu van e-mailmarketing software CreateSend:

4-tal items in je WordPress menu

Naast elk menu-item zie je het type staan (bijvoorbeeld ‘Pagina’, ‘Categorie’, of ‘Bericht’). Daarnaast zie je pijltjes waarmee je de volgorde van de items kunt aanpassen. Daar weer naast een klein driehoekje. Wanneer je hierop klikt, klappen er meerdere mogelijkheden uit:

  • Navigatielabel: vul hier de tekst die in je menu-knop moet komen.
  • Titelattribuut: Dit is de tekst die in een tooltip verschijnt als je met je muis over het menu-item heengaat. Deze tekst is niet verplicht, maar wordt vaak wel ingevuld voor de zoekmachine-vriendelijkheid.
  • Link target: Waar moet deze link in openen (‘Same window or tab’ om in hetzelfde venster te openen (aanbevolen) of ‘New window or tab’ voor een nieuw venster).
  • Verwijderen: Klik hierop om het menu-item te verwijderen.

Belangrijk: als je klaar bent, vergeet dan niet om rechtsboven op ‘Menu opslaan’ te klikken!

Geen tijd meer kwijt aan het instellen van je WordPress website. 

Kom je er niet uit? Met één van onze pakketten heb jij altijd onze WordPress experts voor je klaarstaan!

Link toevoegen naar andere site in het menu

Soms wil je in je menu een link maken naar een andere website. Bij CreateSend linkt knop ‘Inloggen’ button naar een andere pagina buiten de website. Zo’n link maak je als volgt: klik op ‘Aangepaste links’ zoals in het voorbeeld hieronder.

Voeg een aangepaste link toe aan je WordPress menu

Vul bij ‘URL’ het webadres in en bij ‘Linktekst’ de naam die in de menu-knop moet komen. Klik daarna op ‘Aan menu toevoegen’. Je kunt het item nu rechts naar de juiste plek slepen. Vaak wil je dat een link naar een externe website opent in een nieuw venster. Klik daarom ook nog op het driehoekje naast je link en kies bij ‘Link target’ voor ‘New window or tab’.

Wanneer je een menu-item als submenu wil toevoegen, dan doe je dit op dezelfde manier als het toevoegen van een normaal menu-item. Wanneer je het item echter naar de juiste plaats sleept, dan sleep je deze iets verder naar rechts onder het item waar deze onder mag vallen. Bijvoorbeeld zoals wij met ons hoofdmenu hebben gedaan op sowmedia.nl:

‘WordPress websites’ is nu een submenu-item van het hoofdmenu-item ‘WordPress diensten’.

Submenu-items

WordPress menu’s automatisch genereren

Onderaan kom je ook nog het kopje ‘Menu instellingen’ tegen met daarop de mogelijkheid “Automatisch hoofdniveau-pagina’s’ aan dit menu toevoegen”. Wanneer je dit aanvinkt, wordt iedere nieuwe pagina die je aanmaakt in WordPress automatisch aan dit menu toegevoegd. We raden dit meestal af, omdat je menu hierdoor onverwachts kan veranderen.

De locatie van je WordPress menu aanpassen

Onder Menu instellingen zie je ook nog bij ‘Toon locatie’ de mogelijkheid om aan te vinken op welke plek je dit menu wil tonen in je WordPress website. Deze instellingen zijn per WordPress thema verschillend. Sommige thema’s hebben bijvoorbeeld maar één menu-locatie, anderen hebben er meerdere. Onderstaande opties zijn afkomstig van ons favoriete WordPress thema Enfold, maar jij kunt hier dus andere opties zien staan:

WordPress hoofdmenu instellingen

Overigens kun je deze locatie ook helemaal bovenin je pagina aanpassen. Daar vind je namelijk twee tabbladen, namelijk “Menu’s bewerken” (het tabblad waarop je nu bezig bent) en het tabblad ‘Locaties beheren’. Wanneer je daarop klikt, kun je van alle menu’s die je hebt, aangeven waar je deze wil tonen.

Wijzigingen aan je WordPress menu bekijken

In tegenstelling tot berichten en pagina’s heb je bij WordPress menu’s geen ‘Concept opslaan’ mogelijkheid. Wel kun je bovenaan klikken op ‘Beheren via Live Preview’. Je komt dan in de Live preview modus van WordPress, waardoor je real-time kunt zien hoe een menu verandert terwijl je menu-items aanpast, of locaties wijzigt. Zo kun je toch wijzigingen bekijken voordat je definitief op ‘Opslaan & publiceren’ klikt. Wanneer je je wijzigingen niet wil opslaan, kun je linksboven op het kruisje klikken.

WordPress menu aan je footer (voettekst) toevoegen

Vaak wil je het hoofdmenu bovenin je website kort en krachtig houden, maar ook nog naar veel andere pagina’s linken. De footer (onderkant van je WordPress website) leent zich er uitstekend voor om links van minder belang te plaatsen. Een goed voorbeeld hiervan is de website van De Bijenkorf:

Hoofdmenu:

Footer menu

Footer menu:

Zoiets kun je in WordPress eenvoudig maken, als je WordPress thema widgets ondersteunt in de footer. Je kunt dan namelijk menu-widgets in de footer plaatsten. Ga in WordPress via ‘Weergave’ naar ‘Widgets’. Vervolgens zie je bijvoorbeeld drie sidebars (dit zijn ruimtes waarin je widgets kunt plaatsen):

Kolommen in je footer menu

Dit betekent dat er in de footer drie kolommen beschikbaar zijn waarin je widgets kunt plaatsen. In jouw geval kan dit net een andere naam hebben, maar vaak bevat de beschrijving iets met het woord ‘Footer’. Klik op het driehoekje naast deze widget-ruimte. Het vak wordt groter en nu kun je er een widget in slepen. Alle beschikbare widgets staan aan de linkerkant. Klik op de widget ‘Aangepast menu’ en sleep deze in het opengeklapte vak. Klik daarna op het driehoekje achter ‘Aangepast menu’ en selecteer het menu dat je wil tonen:

Footermenu selecteren

Klik tenslotte op ‘Opslaan’. Je menu staat nu in de footer van je WordPress website. Dit kun je herhalen voor elke widget ruimte.

Altijd een snelle, stabiele en veilige WordPress website?

Met een hosting & beheer pakket ben je van alle gemakken voorzien.

18 reacties op “Hoe pas je in WordPress je menu-navigatie aan?”

  1. Hoi Steve,

    Ik ben al even aan het zoeken, maar misschien kan jij mij helpen.
    Ik wil in het hoofdmenu woorden onder elkaar zetten.
    Dus in plaats van bijvoorbeeld: Foto & film
    naar: Foto
    &
    Film

    Weet jij toevallig waar ik dit kan vinden, en of dit überhaupt mogelijk is.
    Alvast bedankt

  2. Beste Zandalee,

    Je kan dit proberen door de code
    tussen de woorden in te stellen. Afhankelijk van je thema zou dit kunnen werken.
    is de HTML-code voor een line-break (ofwel ‘Enter’).

Geef een reactie

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

Gerelateerde artikelen

Waarom je jouw Core Web Vitals zou moeten testen in Google Search Console

Het testen van je website’s Core Web Vitals in Google Search Console is niet slechts een technische noodzaak; het biedt een strategisch voordeel. Leer waarom het cruciaal is voor het verbeteren van de gebruikerservaring en het verhogen van je SEO.

Lees verder

Hoe voorkom je dat ChatGPT je WordPress website crawlt: Een stap-voor-stap gids

Jij weet waarschijnlijk als geen ander: content is koning! En de bescherming van jouw content tegen ongeautoriseerd gebruik is vaak essentieel.

Lees verder

Google Core Web Vitals update: alles over de nieuwe INP Metric

In deze blog leggen we uit wat de Google Core Web Vitals update van maart 2024 inhoudt. Met speciale aandacht voor de nieuw geïntroduceerde ‘Interaction to Next Paint’ – afgekort INP – metric.

Lees verder