header-logo
Aan de slagLees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.
Een website makenLees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.
Account en factureringBekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.
De mobiele Wix-apps gebruikenGebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.
Een domein koppelenLees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.
Je bedrijf beherenVind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.
Je website promotenLees hoe je je website promoot bij zoekmachines, e-mailcampagnes verzendt, en betaalde advertenties uitvoert.
Studio, Specialisten en EnterpriseHaal het meeste uit je Studio- en Wix Specialisten-account, zodat je je bedrijf op kan schalen.
Meer hulp nodig?Krijg informatie over de prestaties van je website en eventuele technische problemen. Houd aankomende functionaliteiten bij met onze Product Roadmap.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
Een professional inhurenVind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
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
  1. Home
  2. Een website maken
  3. De Wix Editor gebruiken
  4. Pagina's en menu's beheren
  5. Menu's
  6. Wix Editor: Een hamburger-menu toevoegen en instellen

Wix Editor: Een hamburger-menu toevoegen en instellen

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
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?

|

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Unlock personalized helpLog in to get the most out of Helpmate.