Wix Helpcentrum
    Home
  1. Een website maken
  2. De Wix Editor gebruiken
  3. Pagina's en menu's beheren
  4. Menu's
    5. Wix Editor: Een hamburger-menu toevoegen en instellen

Wix Editor: Een hamburger-menu toevoegen en instellen

Leestijd 5 minuten
Hamburger-menu's zijn menu's die een knop weergeven op je live website. Wanneer bezoekers op de knop klikken, wordt het menu geopend in een container. Dit betekent dat ze een goede manier zijn om bezoekers door je website te laten bladeren zonder in te boeten op ruimte of indeling.
Een GIF van een Wix Live-website. Er wordt op de hamburger-menuknop geklikt, waardoor het menu in een container wordt geopend.
Wat je moet weten:
Hoewel de pictogrammen voor hamburger-menu's en menu's van mobiele websites op elkaar lijken, zijn het afzonderlijke menu's. Hamburger-menu's zijn niet beschikbaar om toe te voegen in de mobiele Editor en menu's die je op desktop toevoegt, worden niet overgezet naar de mobiele versie van je website.

Stap 1 | Voeg een hamburger-menu toe aan je website

Voeg een hamburger-menu toe aan je website om aan de slag te gaan. Er is een verscheidenheid aan vooraf ontworpen opties, zodat je er een kunt kiezen die past bij het thema en het uiterlijk van je website.

Om een hamburger-menu toe te voegen:

  1. Klik links in de Editor op Elementen toevoegen.
  2. Selecteer Menu en anker.
  3. Klik op Hamburger-menu's.
  4. Klik en sleep het door jou gekozen menupictogram naar de pagina.
Het Elementen toevoegen-paneel. Hamburger-menu's op het Menu- en Anker-tabblad zijn open en de cursor klikt op een menupictogram.

Stap 2 | Stel de menuknop in

Nadat je het menu aan je website hebt toegevoegd, kies je wat je op de knop wilt weergeven: tekst, een pictogram of beide. Indien nodig kun je een nieuw pictogram selecteren en/of de tekst naar wens bijwerken.

Om de knop in te stellen:

  1. Klik op de hamburger-menuknop op de pagina.
  2. Klik op het Instellingen-pictogram.
  3.  Klik op Kies wat er wordt weergegeven om in te stellen wat bezoekers op je live website zien:
    • Alleen pictogram: Alleen het pictogram wordt weergegeven.
      • Pictogram vervangen: Klik op het Vervangen-pictogramom een nieuw pictogram voor de menuknop te kiezen. Je kunt kiezen uit verschillende gratis opties die beschikbaar zijn bij Wix, of je eigen opties uploaden.
      • Toegankelijke naam: Voer de toegankelijke naam van het pictogram in het veld in.
        Let op: Met deze tekst kunnen schermlezers de naam 'lezen' en het doel van de knop begrijpen. Het wordt niet weergegeven op je live website.
    • Alleen tekst: Er wordt alleen tekst op de knop weergegeven.
      • Tekst: Voer de door jou gekozen tekst in het veld in.
    • Tekst en pictogram: Zowel tekst als een pictogram worden weergegeven.
      • Pictogram vervangen: Klik op het Vervangen-pictogramom een nieuw pictogram voor de menuknop te kiezen. Je kunt kiezen uit verschillende gratis opties die beschikbaar zijn bij Wix, of je eigen opties uploaden.
      • Tekst: Voer de door jou gekozen tekst in het veld in.
Het instellingenpaneel voor de hamburger-menuknop. De cursor wijst het toegankelijke naamveld aan.

Stap 3 | Beheer je menu-items

Kies welke items je in het menu wilt weergeven. Als je het menu instelt als geavanceerd, kun je items weergeven en verbergen vanuit het Menu beheren-paneel. Als je geen geavanceerde menu's inschakelt, kun je de gewenste wijzigingen aanbrengen vanuit het Websitepagina's-paneel.

Om je menu te beheren:

  1. Klik op de hamburger-menuknop op de pagina.
  2. Klik op Menu bewerken om de container van het menu te openen.
  3. Selecteer de menu-items.
  4. Klik op Menu beheren.
  5. Gebruik de opties om de items te beheren:
    • Voeg een item toe:
      1. Klik onderaan op Menu item toevoegen.
      2. Selecteer het itemtype dat je wilt toevoegen en stel het in.
    • Verberg / Toon een item:
      • Geavanceerde menu's:
        1. Klik naast het betreffende item op het Meer acties-pictogram.
        2. Klik op Van menu verbergen. Let op: Om een bestaand item in een geavanceerd menu weer te geven, moet je het toevoegen met behulp van de vorige stappen (Item toevoegen). 
      • Standaard menu's:
        1. Klik naast het betreffende item op het Meer acties-pictogram.
        2. Klik op Van menu verbergen / Op menu weergeven.
Het Menu beheren-paneel in een hamburger-menu. De cursor heeft op item toevoegen geklikt en de opties worden weergegeven.

Stap 4 | Stel de container in

Gebruik de containerinstellingen om te kiezen hoe je websitepagina's eruit zien en zich gedragen wanneer bezoekers het menu openen.

Om de container in te stellen:

  1. Klik op de hamburger-menuknop op de pagina.
  2. Klik op Menu bewerken om het menu te openen.
  3. Klik op de container.
  4. Klik op Instellingen.
  5. Stel de container in zoals jij dat wilt:
    • Tik buiten om te sluiten: Klik op de schakelaar om bezoekers het menu te laten sluiten door buiten de container te klikken.
    • Achtergrondoverlay weergeven: Klik op de schakelaar om een achtergrondoverlay op de websitepagina weer te geven wanneer bezoekers het menu openen.
De instellingen van een hamburger-menucontainer. De cursor klikt op de tik buiten de schakelaar voor sluiten.
En nu?
Pas het ontwerp en de indeling van je hamburger-menu aan zodat deze er precies zo uit ziet als jij wilt.

Vond je dit artikel nuttig?

|
In dit artikel
  • Stap 1 | Voeg een hamburger-menu toe aan je website
  • Stap 2 | Stel de menuknop in
  • Stap 3 | Beheer je menu-items
  • Stap 4 | Stel de container in