Korte samenvatting:
Je richt het menu van je website in via CMS > Website. Klik op 'Menu's' om een overzicht te zien van alle menu's. Sleep categorieën vanuit je websitestructuur naar het gewenste menu. Pagina's binnen die categorie worden automatisch menu-items. Je kunt individuele pagina's verbergen voor het menu via 'Verberg voor menu'. Let op: verberg ook de menucategorie zelf voor het kruimelpad, zodat alleen de echte pagina's zichtbaar zijn voor bezoekers.
Een goed georganiseerd menu helpt bezoekers om snel te vinden wat ze zoeken. Het menu is vaak het belangrijkste navigatie-element van je website. Maar hoe zorg je ervoor dat de juiste pagina's in je menu komen? En hoe voorkom je dat interne structuur (zoals categorien die je alleen voor organisatie gebruikt) zichtbaar worden voor bezoekers? In dit artikel lees je stap voor stap hoe je het menu van je website inricht.
Websitestructuur en menu's
Voordat je begint met het inrichten van je menu, is het belangrijk om het verschil te begrijpen tussen de websitestructuur en het menu.
Websitestructuur
Dit is de volledige indeling van je website zoals je die ziet in CMS > Website. Hier maak je categorieën en pagina's aan om je content te organiseren. Niet alles wat je hier aanmaakt, hoeft zichtbaar te zijn voor bezoekers.
Menu's
Dit zijn de navigatie-elementen die bezoekers daadwerkelijk zien op je website. Je bepaalt zelf welke delen van je websitestructuur in welk menu verschijnen.
Voorbeeld:
Je hebt een categorie 'Hoofdmenu' in je websitestructuur met daarin pagina's als 'Over ons', 'Activiteiten' en 'Contact'. Door deze categorie te koppelen aan je hoofdmenu, worden deze pagina's automatisch zichtbaar als menu-items voor bezoekers.
Stap 1: Menu's bekijken
Zo krijg je een overzicht van alle menu's die beschikbaar zijn op je website:
- Ga naar CMS > Website
- Klik in de website-structuur (de boomstructuur links) op het bovenste niveau: Website: Jouw website ⚙︎
- Klik op de knop 'Menu's'
Je ziet nu een overzicht met alle menu's die je website-ontwerp bevat. Per menu zie je welke categorie er momenteel aan gekoppeld is.
Welke menu's zijn er?
Dit verschilt per website-ontwerp. Veel websites hebben bijvoorbeeld:
- Hoofdmenu
- Account menu (voor inloggen/ingelogde gebruikers)
- Secundair menu (voor extra items)
- Footer menu
- Footer meta menu (voor privacyverklaring, algemene voorwaarden, etc.)
Ontdek bijvoorbeeld de menu-instellingen van ons standaard template Sapphire.
Stap 2: Categorie koppelen aan een menu
Nu je weet welke menu's er zijn, kun je bepalen welke categorieën uit je websitestructuur je wilt koppelen aan een menu.
- Sleep een categorie vanuit de linkerzijde naar het gewenste menu aan de rechterzijde
Wat gebeurt er dan?
Alle pagina's die binnen deze categorie staan, worden automatisch menu-items. De volgorde waarin ze in de websitestructuur staan, is ook de volgorde in het menu.
Tip: In de meeste gevallen maak je een categorie met dezelfde naam als het menu. Bijvoorbeeld een categorie 'Hoofdmenu' die je koppelt aan het hoofdmenu. Dit maakt het voor jezelf en collega's overzichtelijk. Let op dat je deze categorieën verbergt van het kruimelpad.
Stap 3: Menu-items aanpassen
Pagina's toevoegen of verwijderen
Wil je een nieuwe pagina in je menu? Maak dan simpelweg een nieuwe pagina aan binnen de categorie die aan het menu gekoppeld is. De pagina verschijnt automatisch in het menu.
Wil je een pagina verwijderen uit het menu? Dan heb je twee opties:
Optie 1 - Pagina verbergen voor menu (pagina blijft bestaan):
- Ga naar de pagina in CMS > Website
- Klik rechtsboven op 'Verberg voor menu'
De pagina blijft gewoon bestaan en is bereikbaar via de directe link, maar staat niet meer in het menu.
Na het verbergen geeft het menu-icoon achter de paginatitel aan dat de pagina niet zichtbaar is in het menu.
Optie 2 - Pagina depubliceren
Wil je de pagina tijdelijk offline halen, maar de opzet bewaren? Depubliceer de pagina dan. Klik rechtsboven op de drie puntjes en kies 'Depubliceer'. De pagina is dan niet meer vindbaar voor bezoekers (ook niet via de URL), maar de pagina-opzet blijft beschikbaar in het CMS.
Optie 3 - Pagina verwijderen
Als de pagina helemaal niet meer nodig is, kun je deze permanent verwijderen. Klik dan op de drie puntjes bij de pagina en kies 'Verwijderen'. Klik bij de vraag om bevestiging op 'Verwijder pagina'.
Volgorde wijzigen
De volgorde van items in je menu komt overeen met de volgorde in je websitestructuur. Wil je de volgorde aanpassen?
- Sleep pagina's in de websitestructuur naar boven of beneden
- Het menu past zich automatisch aan
Menu-item een andere titel geven
Standaard gebruikt het menu de titel van je pagina. Wil je in het menu een kortere of andere titel gebruiken?
- Ga naar de pagina in CMS > Website
- Klik op 'Bewerken'
- Ga naar het tabblad 'Menu'
- Vul bij Item titel de gewenste menu-titel in
- Klik op 'Opslaan'
Belangrijk: Kruimelpad instellen
Een kruimelpad laat bezoekers zien waar ze zich bevinden op je website. Het ziet er bijvoorbeeld zo uit: Over ons > Organisatie > Bestuur
Het probleem
Als je een categorie gebruikt om je menu in te richten (bijvoorbeeld de categorie 'Hoofdmenu'), dan wordt deze categorienaam ook zichtbaar in het kruimelpad. Dat wil je niet, want 'Hoofdmenu' is een interne organisatiestructuur en zegt bezoekers niets.
De oplossing
Verberg de menucategorie voor het kruimelpad:
- Klik op de categorie die je als menu gebruikt (bijvoorbeeld 'Hoofdmenu')
- Klik op 'Bewerken'
- Ga naar het tabblad 'Menu'
- Vink 'Verberg deze categorie van het kruimelpad' aan
- Klik op 'Opslaan'
Resultaat
Bezoekers zien nu alleen de echte pagina's in het kruimelpad, niet de categorie die je voor organisatie gebruikt.
Voorbeeld:
❌Home > Hoofdmenu > Over ons > Bestuur
✅Home > Over ons > Bestuur
Veelgestelde vragen
Check de volgende zaken:
- Staat de pagina in de juiste categorie (die aan het menu gekoppeld is)?
- Is 'Verberg voor menu' misschien aangevinkt?
- Is 'Verberg voor menu' aangevinkt op de bovenliggende categorie?
- Is de pagina gepubliceerd? (check Gepubliceerd of Gedepubliceerd op tabblad Pagina)
- Is de bovenliggende categorie gepubliceerd?
