Wix Helpcentrum
    Home
  1. Een website maken
  2. Editor X gebruiken
  3. Structuur aan je website geven met Editor X
    4. Editor X: Gestylede horizontale menu's gebruiken

Editor X: Gestylede horizontale menu's gebruiken

Leestijd 5 minuten
Editor X schakelt over naar Wix Studio, ons nieuwe platform voor bedrijven en freelancers.Lees meer over Wix Studio
Gestylede horizontale menu's zijn een geavanceerd navigatie-element aangeboden door Editor X, met tal van unieke aanpassingsopties. Je kunt dit menu precies aan je behoeften aanpassen door de indeling en het ontwerp van elk gebied aan te passen. 
Voorbeeld van een gestyled horizontaal menu op een Editor X-website
In dit artikel lees je hoe je:

Een gestyled horizontaal menu toevoegen

Kies een gestyled horizontaal menu dat bij je gewenste look past. Je kunt het ontwerp aanpassen aan jouw behoeften en kiezen welk menu je op dit element wilt weergeven. Dit kan een bestaand menu zijn dat elders op je website wordt weergegeven, of een aangepast menu speciaal voor deze context. 

Om een gestyled horizontaal menu toe te voegen:

  1. Klik bovenaan Editor X op Toevoegen.
  2. Klik op Menu en zoeken.
  3. Klik op Gestylede horizontale menu's.
  4. Sleep het relevante menu naar de gewenste locatie op je pagina. 
  5. (Optioneel) Maak een nieuw menu met aangepaste pagina's:
    1. Klik op Menu beheren.
    2. Klik op de dropdown onder Welk menu wordt weergegeven?
    3. Klik op Beheer van websitemenu's.
    4. Klik onderaan op + Nieuw menu om het aangepaste menu te maken. 
Een gestyled horizontaal menu toevoegen vanuit het Toevoegen-paneel in Editor X

Een gestyled horizontaal menu ontwerpen

Vanuit het Inspector-paneel kun je elk onderdeel van je gestylede horizontale menu ontwerpen: de menu- en submenucontainer, evenals de menu- en submenu-items. 

Om het menu te ontwerpen:

  1. Klik op je Gestylede horizontaal menu.
  2. Klik bovenaan Editor X op het Inspector-pictogram.
  3. Klik op het Ontwerp-tabblad. 
  4. Selecteer een optie onder Wat wil je ontwerpen?
    • Menu container
    • Menu items
    • Submenu container
    • Submenu items
  5. Gebruik de beschikbare opties om je menu vorm te geven. Je kunt:
    • Lagen met achtergrondvullingen toevoegen en de transparantie van elke laag aanpassen.
    • De tekst opmaken en vormgeven.
    • Randen toevoegen om dat gedeelte van je menu op te laten vallen. 
    • De hoeken van je menu/submenu afronden.
    • Schaduw toevoegen om het menu of de items te accentueren.
    • De opvulling rond het menu of de items aanpassen. 
Tip:
Je kunt het menu en de submenu-items ontwerpen voor verschillende statussen: Standaard, Aanwijzen of Huidige pagina (wanneer de bezoeker zich op een pagina bevindt die hij of zij ziet in het menu of submenu).
Het gestylede horizontale menu en submenu ontwerpen in Editor X

De indeling van een gestyled horizontaal menu aanpassen

Pas de indeling van je menu en submenu aan, zodat ze er precies zo uitzien als jij wilt. Je kunt kiezen hoe je menu-items die niet passen wilt weergeven (Teruglopen of Scrollen) en de manier waarop je submenu wordt geopend (Openvouwen of Kolommen). Je kunt ook de afstand, opvulling en nog veel meer regelen.

Om de indeling van het menu aan te passen:


  1. Klik op je Gestylede horizontaal menu.
  2. Klik op het Indeling-pictogram .
  3. Kies aan welk gebied je wilt werken: Menu of Submenu.
  4. Pas de indeling van het menu en het submenu aan je behoeften aan. Klik hieronder om meer te lezen over de beschikbare opties:
De indeling van het gestylede horizontale menu en submenu in Editor X aanpassen

Vond je dit artikel nuttig?

|

In dit artikel

  • Een gestyled horizontaal menu toevoegen
  • Een gestyled horizontaal menu ontwerpen
  • De indeling van een gestyled horizontaal menu aanpassen