Vrijwel elke website bevat één of meerdere menu's. Hoe richt je dit in? In dit artikel lees je hoe je een website menu inricht. Binnen Sapphire zijn er meerdere menu's gedefinieerd om je website zo overzichtelijk mogelijk in te richten.
Header
- Hoofdmenu
Het belangrijkste menu van de website. Voor de beste gebruikerservaring wordt aangeraden om hier 5-7 items te tonen.
- Account menu
Het account menu is belangrijk als er op de website ingelogd moet worden. Dit menu bevat zowel de inlogpagina (voor anonieme bezoekers) als alle pagina's die zichtbaar moeten worden als men ingelogd is. Meer informatie hierover vind je hier.
- Secundair menu (ook wel button menu genoemd)
Het secundaire menu is flexibel te gebruiken. Het biedt ruimte voor de iets minder belangrijke items. Denk bijvoorbeeld aan "Contact". Daarnaast is dit menu ook te gebruiken om items juist opvallender te maken door ze weer te geven als knop, bijvoorbeeld "Word lid". Hoe je dat doet lees je hier.
- Meta menu
Het meta menu biedt toegang tot aanvullende pagina's die snel toegankelijk moeten zijn zonder het hoofdmenu te "verstoren".
Let op: Dit menu is alleen zichtbaar op de website indien gekozen is voor "Extended" bij Header type in de ontwerpinstellingen.
Mobiel
Op mobiel wordt het account menu naast het hamburger-icoon getoond, zodat dit menu altijd snel te benaderen is. Door op het hamburger-icoon op de website te tikken opent het mobiele menu. Dit menu wordt getoond als de website op een klein scherm of een scherm met een lage resolutie wordt bekeken.
- Mobiel menu
Voor mobiel is er een apart menu gedefinieerd, maar in de meeste gevallen wordt dit menu gevoed door het hoofdmenu, zodat de inhoud van de menu's op alle apparaten gelijk zijn.
Het mobiele menu vormt samen met het secundaire menu (2) het geheel aan navigatie. Indien gekozen is voor "Extended" bij Header type dan wordt dit geheel aangevuld met het meta menu (3).
Footer
- Footer menu
In Sapphire is de footer in 2 secties opgesplitst: boven en onder. In de bovenste sectie wordt het footer menu getoond. Dit kan een uitgebreid menu zijn met items die bijvoorbeeld niet altijd terug komen in het hoofdmenu.
- Footer meta menu
In de onderste sectie van de footer wordt het footer meta menu getoond. Hier worden vaak items getoond als "Privacyverklaring", "Copyright" etc.
