In dit artikel lees je meer over:
Gebruik de opties om weer te geven hoe elke knop eruitziet: degene waarop bezoekers klikken om het menu te openen en degene waarop ze klikken om het te sluiten.
Om de knoppen aan te passen:
- Selecteer het hamburger-menu in je Editor.
- Kies welke knop je wilt aanpassen:
- Menuknop: Klik op de knop.
- Sluiten-knop:
- Klik op Menu bewerken.
- Klik in de container op de Sluiten-knop.
- Kies hoe je de knop wilt aanpassen:
Klik op het
Ontwerp -pictogram
om het uiterlijk van de knop aan te passen:
- Ontwerp vervangen: Selecteer een nieuw knopontwerp in het paneel.
- Ontwerp aanpassen: Klik op Ontwerp aanpassen om de knop verder te personaliseren:
- Status: Kies de status waarvoor je de knop wilt aanpassen (Standaard of Aanwijzen).
- Achtergrond: Kies een kleur voor de knop en maak deze meer of minder dekkend.
- Tekst: Stel het lettertype, de tekstgrootte, de kleur en de opmaak voor de knoptekst in.
- Randen: Voeg een rand op de knop toe en pas deze aan.
- Hoeken: Stel de straal (in pixels) in om de knop ronder of vierkanter te maken.
- Schaduwen: Voeg een schaduw op de knop toe en pas deze aan om deze een 3D-effect te geven.
- Indeling: Maak de opvulling rond de knop groter of kleiner.
- Pictogram: Stel de grootte, kleur en rotatie van de knophoek in.
Let op: De beschikbare opties zijn afhankelijk van wat je op de knop wilt weergeven: tekst, pictogram of beide.
Pas de indeling en weergave aan
- Klik op het Indeling-pictogram
. - Selecteer een optie onder Kies wat er wordt weergegeven:
- Alleen pictogram: Alleen het pictogram wordt weergegeven.
- Alleen tekst: Er wordt alleen tekst op de knop weergegeven.
- Tekst en pictogram: Zowel tekst als een pictogram worden weergegeven.
- Positie pictogram: Kies de positie van het pictogram ten opzichte van de tekst - links, rechts, boven of onder.
- Ruimte tussen tekst en pictogram: Gebruik de schuifregelaar om de ruimte tussen de tekst en het pictogram groter of kleiner te maken.
- Kies een optie onder Uitlijning: Links, rechts of in het midden.
De container en overlay aanpassen
Kies de indeling en stel de achtergrond in voor de container die je menu-items weergeeft. Als je
een overlay inschakelt, kun je de achtergrond wijzigen en aanpassen aan je ontwerpbehoeften.
Om de container en overlay aan te passen:
- Selecteer het hamburger-menu in je Editor.
- Klik op Menu bewerken.
- Pas de container / overlay naar wens aan:
Pas de grootte en indeling van de container aan
- Klik op het Indeling-pictogram.
- Kies wat je wilt aanpassen:
- Breedte: Kies hoe de container wordt uitgerekt:
- Volledig scherm: De menucontainer beslaat de volledige breedte van het scherm.
- Custom: Gebruik de sleepgrepen om de container groter of kleiner te maken.
- Uitlijning: Stel de uitlijning van de container in op links, in het midden of rechts.
- Klik ergens op de overlay om het ontwerp aan te passen.
- Klik op Achtergrondoverlay wijzigen.
- Kies een overlaytype:
- Kleur: Selecteer een kleur of overgang voor de overlay en stel de dekking in.
- Afbeelding: Stel een afbeelding in als overlay-achtergrond. Je kunt gratis afbeeldingen gebruiken die beschikbaar zijn bij Wix, of je eigen afbeeldingen uploaden / toevoegen.
- Video: Stel een video in als overlay-achtergrond. Je kunt een stockvideo kiezen of je eigen video uploaden.
- (Optioneel) Klik op Instellingen
om de dekking van de overlay en aanvullende instellingen aan te passen.
Let op: De beschikbare instellingen zijn afhankelijk van het overlaytype. Je kunt bijvoorbeeld de afspeelsnelheid voor video's instellen, de schaling en positionering voor afbeeldingen instellen, enzovoort.
Pas het uiterlijk van het menu zelf aan om het thema van je website aan te vullen. Je kunt de uitlijning en structuur wijzigen, evenals het ontwerp van de menu-items.
Om het menu te ontwerpen:
- Selecteer het hamburger-menu in je Editor.
- Klik op Menu bewerken.
- Klik op de menu-items.
- Kies hoe je het menu wilt aanpassen:
- Indeling: Klik op het Indeling-pictogram
en kies uit de volgende opties:
- Tekstuitlijning: Selecteer of de menutekst links, rechts of in het midden wordt uitgelijnd.
- Positie submenupijl: Selecteer of de submenupijl links of rechts van de menutekst staat.
- Ontwerp: Klik op het Ontwerp-pictogram
en pas het menu aan zoals jij dat wilt:
- Kies de menustatus die je wilt aanpassen (Standaard of Geselecteerd).
- Pas het ontwerp aan met behulp van de opties:
- Opvulkleur en dekking
: Kies de vulkleur van het menu en pas de dekking aan. - Rand
: Pas de breedte en kleur van de rand van het menu aan. - Schaduw
: Voeg een schaduw toe en pas de hoek, grootte, vervaging, kleur en afstand aan. - Tekst
: Bewerk de tekstinstellingen van het menu, zoals lettertype, grootte en indeling. - Afstand
: Pas de afstand en offset van het menu aan met behulp van de schuifregelaars.
: Voer de straal (px) in om de hoeken van de container ronder of meer vierkant te maken.
