Wix Harmony-editor: Menu's toevoegen en beheren

Een websitemenu is gekoppeld aan de pagina's van je website en wordt automatisch bijgewerkt wanneer je een nieuwe pagina toevoegt. Je kunt pagina's die niet in het websitemenu zouden moeten verschijnen, verbergen en je eigen links toevoegen.

1. Kies het gewenste menutype en sleep het naar je pagina — Horizontaal menu, Verticaal menu of Hamburger-menu.

2. Klik op het nieuwe websitemenu.

3. Klik op de actiebalk op Menu beheren.

4. Stel je menu in:

   • Klik op + Item toevoegen om meer websitepagina's of links toe te voegen. 

   • Klik naast een menu-item op het Meer acties-pictogram  om het te hernoemen of te verwijderen. 

   • Houd menu-items ingedrukt en sleep om de lijst opnieuw te ordenen.  

Tip: Lees meer over het toevoegen en beheren van menu-items.

1. Klik op Maak een custom menu om het aan de pagina toe te voegen.
2. (Optioneel) Wijzig de indeling van je menu: 
   1. Klik op het nieuwe aangepaste menu.
   2. Klik op de actiebalk op Indeling wijzigen om de indeling van je menu in te stellen.
   3. Kies de relevante optie onder Menu:
      • Menubalk: Menu-items worden weergegeven in een navigatiebalk. Kies onder Oriëntatie of de balk horizontaal of verticaal is.
        Tip: Voor horizontale menu's kun je het Item-gedrag ook kiezen wanneer er niet genoeg ruimte is voor de items op het scherm van je bezoeker — laat het menu uitvouwen (Aan tekst aanpassen) of voeg een knop toe om door de extra items te scrollen (Passend om te scrollen).
      • Hamburger: Bezoekers zien een pictogram waarop ze klikken om het menu te openen. Dit is een goede optie voor strakke, minimalistische indelingen. 

Je kunt links die je eerder aan het menu hebt toegevoegd, altijd aanpassen.

1. Wijs de relevante link aan en klik op het Meer acties-pictogram .

2. Klik op Link wijzigen.

3. Wijzig het linktype en/of de gegevens.

4. Klik op Klaar.
   
   

1. Wijs het relevante item aan en klik op het Meer acties-pictogram .

2. Klik op Naam wijzigen. 

3. Voer de nieuwe naam in. 

4. Druk op de Enter-toets op je toetsenbord om je wijzigingen op te slaan.
   
   

1. Wijs het relevante item aan en klik op het Meer acties-pictogram .

2. Klik op Van menu verwijderen.

Let op:

• Dit verwijdert een pagina van de website niet - het verwijdert alleen de pagina van het menu.

• Als je een dropdown verwijdert, worden alle pagina's die je eraan hebt toegevoegd, verwijderd uit het menu. Je kunt ze echter altijd opnieuw aan het menu toevoegen.
  
  

Houd naast een item het Opnieuw ordenen-pictogram  ingedrukt en sleep het naar de gewenste positie.

Ontwerp de menubalk zelf, evenals de items op het menu, met behulp van de beschikbare opties:

• Opvulkleuren : De kleur van je menu wijzigen door een van je merkkleuren of een aangepaste kleur te kiezen.

• Randen : Definieer de randen van je element zodat het opvalt en kies een kleur, breedte en stijl. Klik op het Individuele randen bewerken-pictogram  om elke kant van de rand te ontwerpen.

• Hoeken : Maak de hoeken van je element vierkanter of ronder door de schuifregelaar onder Radius te verslepen. Klik op het Individuele hoeken bewerken-pictogram  om elke hoek afzonderlijk te ontwerpen.

• Schaduw : Binnenste en buitenste schaduw toepassen om de knop een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.

• Afstand : Voeg ademruimte toe aan je inhoud – voeg opvulling toe en pas de afstand tussen items aan.

• Indeling : Bepaal of je de websiterichting (links naar rechts of rechts naar links) wilt toepassen op dit menu. Voor verticale menu's kun je ook de breedte van de menu-items kiezen en of dropdowns als open of gesloten worden weergegeven.

Let op: De beschikbare opties variëren op basis van wat je hebt gekozen om te ontwerpen: de menubalk zelf of de menu-items.

Ontwerp de tekst op de menu-items door het lettertype, de kleur, de opmaak, uitlijning, de tekenafstand en meer te wijzigen.

Ontwerp de dropdowns op je menu met behulp van de beschikbare opties:

• Opvulkleuren : Wijzig de kleur van je dropdown door een van je merkkleuren of een aangepaste kleur te kiezen.

• Randen : Definieer de randen van je dropdown zodat deze opvalt en kies een kleur, breedte en stijl. Klik op het Individuele randen bewerken-pictogram  om elke kant van de rand te ontwerpen.

• Tekst  : Ontwerp de dropdownmenu-items door het lettertype, de kleur, de opmaak, uitlijning, de tekenafstand en meer te wijzigen.

• Hoeken : Maak de hoeken van je dropdown vierkanter of ronder door de schuifregelaar onder Radius te verslepen. Klik op het Individuele hoeken bewerken-pictogram  om elke hoek afzonderlijk te ontwerpen.

• Schaduw : Binnenste en buitenste schaduw toepassen om de dropdown een interessant 3D-effect te geven, door de positie, vervaging, kleur en meer in te stellen.

• Afstand : Voeg ademruimte toe aan je inhoud door opvulling toe te voegen en de ruimte boven de dropdown en tussen de items aan te passen.

• Indeling : Kies de uitlijning, breedte en positie van de dropdown en zijn items. Bepaal hoeveel kolommen de dropdown moet weergeven.

Let op: De beschikbare opties variëren op basis van wat je hebt gekozen om te ontwerpen: de dropdown zelf of de dropdown-items.

Momenteel is het niet mogelijk om het ontwerp aan te passen voor wanneer bezoekers op het menu klikken of dit aanwijzen. De onderstreping die verschijnt wanneer bezoekers menu-items aanwijzen, maakt deel uit van het ingebouwde ontwerp van het menu en kan niet worden gewijzigd of verwijderd.

Als je meer controle over je navigatieontwerp nodig hebt, kun je het menu opnieuw maken met tekst- of knop-elementen en handmatig links toevoegen.