Wix Harmony: Hamburgermenu's gebruiken

1. Klik linksboven in de editor op + Toevoegen.

2. Selecteer Elementen.

3. Klik links op het Menu en zoeken-pictogram .

4. Selecteer het Hamburgermenu-tabblad.

5. Sleep het relevante menu naar de gewenste locatie op de pagina. 

1. Klik op het betreffende menu. 

2. Klik op de actiebalk op Indeling wijzigen.

3. Selecteer onder Menu Hamburgermenu.

4. 

1. Klik op de actiebalk op Menu-pictogram aanpassen.

2. Kies of je pictogram Statisch of Geanimeerd is.
   Tip: Je kunt op Geanimeerd pictogram maken klikken om je eigen pictogram te maken met een begin- en een eindpictogram.

3. Klik op het Vervangen-pictogram  onder Kies een pictogram.

4. Selecteer een nieuw pictogram uit de Media Manager en klik op Bijwerken.

5. (Voor geanimeerde pictogrammen) Stel de duur van de animatie in. 

   

1. Klik in de actiebalk op het Instellingen-pictogram .
2. Kies wat je dan wilt doen:
   • Voer tekst in die naast het pictogram op de knop verschijnt (bijvoorbeeld: 'Menu', 'Open').
   • Vervang het pictogram waarop bezoekers klikken om het menu te openen.
   • Voeg een toegankelijke naam (alt-tekst) toe die het pictogram beschrijft voor zoekmachines en schermlezers.

1. Klik in de actiebalk op het Alle ontwerpopties-pictogram .

2. Selecteer het relevante deel van de knop onder Kies wat je wilt ontwerpen:

   • Knop openen: Ontwerp de knop als geheel: de vulkleur, rand, hoeken, schaduw, afstand, uitlijning en meer.

   • Tekst: Bepaal het ontwerp en de opmaak van de tekst die naast het pictogram op de hamburgermenuknop verschijnt.

   • Geanimeerd pictogram: Wijzig de kleur, grootte en rotatiehoek van het pictogram.

Pas de container met je menu aan. Wijzig de achtergrondkleur, voeg randen toe, verplaats het menu en nog veel meer. 

1. Klik in de actiebalk op het Alle ontwerpopties-pictogram .

2. Controleer of Hamburgermenu is geselecteerd onder Kies wat je wilt ontwerpen.

3. Ontwerp de container:

   • Opvulkleuren : Wijzig de achtergrondkleur van de container en de overlay-kleur door een van je merkkleuren of een aangepaste kleur te kiezen.
     Tip: De overlay is een halftransparante laag die de pagina vervaagt en bezoekers zich op het menu laat concentreren.

   • Rand : Definieer de randen van je container 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.

   • Hoeken : Maak de hoeken van de container 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 container 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 rond de container toe te voegen.

   • Indeling : Bepaal waar alles moet worden gepositioneerd: de Sluiten-knop, het menu in de container en de container ten opzichte van de pagina. Je kiest hoeveel ruimte de container inneemt (bijvoorbeeld: derde van pagina, halve pagina, enzovoort).

1. Klik op het menu.

2. Kies wat je dan wilt doen:

   • De menu-items beheren: Klik op de actiebalk op Menu beheren en voeg menu-items toe, herschik of verwijder ze. 

   • Het menu ontwerpen: Klik in de actiebalk op het Alle ontwerpopties-pictogram . Kies wat je wilt ontwerpen – de menu-items (bijvoorbeeld: lettertype, tekstkleur, afstand) of de menubalk (bijvoorbeeld: achtergrondkleur, itembreedte, ruimte tussen menu-items). 

1. Klik in de actiebalk op Tekst bewerken.
2. Voer de tekst in die je naast het pictogram wilt weergeven (bijvoorbeeld: 'Afsluiten', 'Sluiten').

1. Klik op de actiebalk op Pictogram personaliseren.

2. Kies of je pictogram Statisch of Geanimeerd is.
   Tip: Je kunt op Geanimeerd pictogram maken klikken om je eigen pictogram te maken met een begin- en een eindpictogram.

3. Klik op het Vervangen-pictogram  onder Kies een pictogram.

4. Selecteer een nieuw pictogram uit de Media Manager en klik op Bijwerken.

5. (Voor geanimeerde pictogrammen) Stel de duur van de animatie in. 

1. Klik in de actiebalk op het Alle ontwerpopties-pictogram .

2. Selecteer het relevante deel van het element onder Kies wat je wilt ontwerpen.

   • Sluiten-knop: Ontwerp de knop als geheel: de vulkleur, rand, hoeken, schaduw, afstand, uitlijning en meer. Als je knop zowel pictogram als tekst bevat, kun je ook beslissen over hun positionering.

   • Pictogram: Wijzig de grootte, kleur en hoek van het pictogram.

   • Tekst: Ontwerp de tekst die naast het pictogram verschijnt. Wijzig het lettertype, de opmaak, de uitlijning, de tekenafstand en meer.