Een navigatiemenu toevoegen in WordPress (beginnershandleiding)

nov 20, 2021
admin

Wilt u een navigatiemenu aan uw WordPress-site toevoegen?

WordPress heeft een menu-interface met slepen en neerzetten waarmee u kopmenu’s, menu’s met vervolgkeuzemogelijkheden en meer kunt maken.

In deze stap-voor-stap-handleiding laten we u zien hoe u eenvoudig een navigatiemenu in WordPress kunt toevoegen.

Wat is een navigatiemenu?

Een navigatiemenu is een lijst met links die naar belangrijke gedeelten van een website verwijzen. Ze worden meestal gepresenteerd als een horizontale balk van links aan de bovenkant van elke pagina op een website.

Navigatiemenu’s geven uw site structuur en helpen bezoekers te vinden waarnaar ze op zoek zijn. Zo ziet het navigatiemenu eruit op WPBeginner:

Met WordPress is het heel eenvoudig om menu’s en submenu’s toe te voegen. U kunt links toevoegen naar uw belangrijkste pagina’s, categorieën of onderwerpen, blogberichten en zelfs aangepaste links zoals uw profiel op sociale media.

De exacte locatie van uw menu hangt af van uw WordPress-thema. De meeste thema’s zullen verschillende opties hebben, zodat u verschillende menu’s kunt maken die op verschillende plaatsen kunnen worden weergegeven.

De meeste WordPress-thema’s worden bijvoorbeeld geleverd met een primair menu dat bovenaan verschijnt. Sommige thema’s kunnen ook een secundair menu, een menu in de voettekst of een mobiel navigatiemenu bevatten.

Video-handleiding

Inschrijven op WPBeginner

Als u liever schriftelijke instructies wilt, leest u gewoon verder.

Uw eerste aangepaste navigatiemenu maken

Om een navigatiemenu te maken, moet u naar de pagina Uiterlijk ” Menu’s in uw WordPress admin-dashboard gaan.

Eerst dient u een naam voor uw menu op te geven, zoals ‘Top Navigation Menu’ en vervolgens klikt u op de knop ‘Menu maken’. Hierdoor wordt het menugebied groter en ziet het er als volgt uit:

Volgende kunt u de pagina’s kiezen die u aan het menu wilt toevoegen. U kunt automatisch alle nieuwe pagina’s van het hoogste niveau toevoegen, of u kunt specifieke pagina’s uit de linkerkolom selecteren.

Klik eerst op het tabblad ‘Alles weergeven’ om alle pagina’s van uw site te zien. Klik vervolgens op het vakje naast elk van de pagina’s die u aan uw menu wilt toevoegen, en klik vervolgens op de knop ‘Aan menu toevoegen’.

Als uw pagina’s eenmaal zijn toegevoegd, kunt u ze verplaatsen door ze te slepen en neer te zetten.

Note: Alle menu’s hebben hun items in een verticale (van boven naar beneden) lijst in de menu-editor. Als u het menu live op uw site zet, wordt het verticaal of horizontaal (van links naar rechts) weergegeven, afhankelijk van de locatie die u selecteert.

De meeste thema’s hebben verschillende locaties waar u menu’s kunt plaatsen. In dit voorbeeld gebruiken we het standaard 2020-thema, dat 5 verschillende locaties heeft.

Na het toevoegen van pagina’s aan het menu, selecteert u de locatie waar u het menu wilt weergeven en klikt u op de knop ‘Menu opslaan’.

Tip: Als u niet zeker weet waar elke locatie zich bevindt, probeer dan het menu op verschillende plaatsen op te slaan en bezoek vervolgens uw site om te zien hoe het eruit ziet. U zult waarschijnlijk niet alle locaties willen gebruiken, maar misschien wel meer dan één.

Hier ziet u ons voltooide menu op de site:

Uitklapmenu’s maken in WordPress

Uitklapmenu’s, ook wel geneste menu’s genoemd, zijn navigatiemenu’s met bovenliggende en onderliggende menu-items. Wanneer je met je cursor over een ouder item gaat, verschijnen alle kind items eronder in een submenu.

Om een submenu te maken, sleep je een item onder het ouder item, en vervolgens sleep je het iets naar rechts. We hebben dat gedaan met 3 sub-items onder ‘Services’ in ons menu:

Hier is het submenu live op de site:

Je kunt zelfs meerdere lagen van dropdowns toevoegen, zodat je submenu een submenu kan hebben. Dit kan er een beetje rommelig uitzien, en veel thema’s ondersteunen geen vervolgkeuzemenu’s met meerdere lagen.

In dit voorbeeld kunt u zien dat ‘Logo ontwerp’ (een child item van ‘Diensten’) twee eigen child items heeft.

Categorieën toevoegen aan WordPress menu’s

Als u WordPress gebruikt om een blog te runnen, dan wilt u misschien uw blogcategorieën als een vervolgkeuzemenu in uw WordPress-menu toevoegen. Wij doen dit op WPBeginner:

Je kunt eenvoudig categorieën aan je menu toevoegen door op het tabblad Categorieën te klikken aan de linkerkant van het Menuscherm. Mogelijk moet u ook op het tabblad ‘Alles weergeven’ klikken om al uw categorieën te zien.

Selecteer gewoon de categorieën die u aan het menu wilt toevoegen en klik vervolgens op de knop ‘Aan menu toevoegen’.

De categorieën verschijnen als gewone menu-items onder aan uw menu. U kunt ze slepen en op hun plaats zetten. We gaan al deze categorieën onder het menuonderdeel Blog plaatsen.

Wilt u een blogpagina op uw site die losstaat van uw homepage? Bekijk dan onze handleiding over het maken van een aparte pagina voor blogberichten in WordPress.

Eigen koppelingen toevoegen aan uw WordPress navigatiemenu’s

Naast categorieën en pagina’s kunt u met WordPress ook heel eenvoudig eigen koppelingen aan uw menu toevoegen. U kunt deze gebruiken om te linken naar uw sociale media profielen, uw online winkel, en / of andere websites die u bezit.

U moet het tabblad ‘Aangepaste links’ op het menuscherm gebruiken. Voeg gewoon de link toe samen met de tekst die u in uw menu wilt gebruiken.

U kunt zelfs creatief zijn en pictogrammen voor sociale media in uw menu toevoegen.

Een menu-item in WordPress navigatiemenu’s bewerken of verwijderen

Wanneer u pagina’s of categorieën aan uw aangepaste navigatiemenu toevoegt, gebruikt WordPress de paginatitel of categorienaam als de linktekst. U kunt dit desgewenst wijzigen.

Elk menu-item kan worden bewerkt door op het pijltje naar beneden ernaast te klikken.

U kunt hier de naam van het menu-item wijzigen. Hier kunt u ook op ‘Verwijderen’ klikken om de link helemaal uit uw menu te verwijderen.

Als u moeite heeft met de interface voor slepen en neerzetten, kunt u het menu-item ook verplaatsen door op de betreffende link ‘Verplaatsen’ te klikken.

WordPress menu’s toevoegen in zijbalken en voetteksten

U hoeft zich niet alleen te houden aan de displaylocaties voor uw thema. U kunt navigatie menu’s toevoegen in elk gebied dat widgets gebruikt, zoals uw zijbalk of voettekst.

Ga gewoon naar Appearance ” Widgets en voeg de ‘Navigatie Menu’ widget toe aan uw zijbalk. Voeg vervolgens een titel voor de widget toe en kies het juiste menu uit de vervolgkeuzelijst ‘Menu selecteren’.

Hier vindt u een voorbeeld van een aangepast WordPress-voettekstmenu dat is gebouwd op de website van Syed Balkhi.

Verder gaan met navigatiemenu’s

Als u een echt episch menu met heel veel links wilt maken, hebben we een tutorial over hoe u een megamenu in WordPress kunt maken. Hiermee kun je een drop-down maken met heel veel items, inclusief afbeeldingen.

Megamenu’s zijn een geweldige optie als je een grote site hebt, zoals een online winkel of een nieuwssite. Dit type menu wordt gebruikt door sites als Reuters, Buzzfeed, Starbucks, enz.

Vragen over WordPress-menu’s

Hier volgen enkele van de meest gestelde vragen van beginners over WordPress-navigatiemenu’s.

1. Hoe voeg ik een homepage-link toe aan een WordPress-menu?

Om uw homepage aan een navigatiemenu toe te voegen, moet u op het tabblad ‘Alles weergeven’ onder Pagina’s klikken. Daar zou u uw homepage moeten zien.

Vink het vakje naast ‘Home’ aan en klik op ‘Toevoegen aan menu’. Vergeet niet uw wijzigingen op te slaan.

2. Hoe voeg ik meerdere navigatiemenu’s toe in WordPress?

In WordPress kunt u zo veel menu’s maken als u wilt. Om een menu op uw website te plaatsen, moet u het aan een van de menulocaties van uw thema toevoegen, of aan een widgetgebied zoals we hierboven hebben laten zien.

Om meerdere navigatiemenu’s aan uw WordPress-site toe te voegen, maakt u eerst de menu’s volgens onze tutorial hierboven.

Om ze op uw site te plaatsen, klikt u op het tabblad ‘Locaties beheren’.

Van hieruit kunt u selecteren welk menu u wilt weergeven in de menulocaties die in uw thema beschikbaar zijn.

Als u een nieuwe menulocatie aan uw site wilt toevoegen, raadpleegt u onze zelfstudie over het toevoegen van aangepaste navigatiemenu’s aan WordPress-thema’s.

We hopen dat dit artikel u heeft geholpen bij het leren hoe u een navigatiemenu in WordPress kunt toevoegen. Misschien wilt u ook onze gidsen bekijken over hoe u navigatiemenu’s in WordPress kunt stijlen en hoe u een klevend, zwevend navigatiemenu in WordPress kunt maken.

Als u dit artikel leuk vond, abonneer u dan op ons YouTube-kanaal voor WordPress-videotutorials. U kunt ons ook vinden op Twitter en Facebook.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.