Studio Editor: Nieuwe menu's toevoegen en beheren
Leestijd 8 minuten
Voeg ons nieuwe menu-element toe om het proces voor het bouwen van je website te stroomlijnen en tegelijkertijd de navigatie voor de bezoekers van je klant te verbeteren. Kies de beste indeling voor elk breekpunt: horizontaal, verticaal of een hamburger-menu. Schakelen tussen indelingen is eenvoudig, dus je kunt je ontwerp direct aanpassen.
Beheer de menu-items naar behoefte door de items toe te voegen, te verwijderen en opnieuw te ordenen. Je kunt dropdowncontainers gebruiken om submenu's met je eigen inhoud weer te geven, zodat je een ervaring op maat kunt creëren die past bij de behoeften van je klant.
Belangrijk:
Dit artikel verwijst naar het nieuwe menu-element in de Studio Editor, dat nog niet voor alle gebruikers beschikbaar is. Klik hier voor stappen voor het toevoegen en beheren van eerdere menu's.
Een menu toevoegen
Voeg een menu toe aan de website om aan de slag te gaan. We raden aan een menu toe te voegen aan de koptekst van de website, maar je kunt er zoveel toevoegen en instellen als je nodig hebt om de ervaring af te stemmen voor verschillende pagina's en onderdelen.
Nadat je het menu hebt toegevoegd, kies je de items die je wilt weergeven (bijvoorbeeld: websitepagina's, links, enzovoort).
Om een menu toe te voegen:
- Klik links in de Editor op Elementen toevoegen
.
- Selecteer Menu en zoeken.
- Selecteer het gewenste menutype (Horizontaal, Verticaal of Hamburger).
- Klik op het menu en sleep het naar de gewenste positie op de pagina.
- Voeg items toe aan het nieuwe menu:
- Selecteer het menu dat je zojuist hebt toegevoegd.
- Klik op Menu beheren.
- Klik onderaan op + Item toevoegen.
- Selecteer het item dat je wilt toevoegen:
- Hoofdpagina's: Voeg een gewone websitepagina toe aan het menu.
- Dynamische en app-pagina's: Voeg pagina's van apps toe (bijvoorbeeld een Wix Stores-productpagina) of pagina's die zijn gekoppeld aan verzamelingen in het CMS.
- Link: Je kunt vele soorten links aan het menu toevoegen, zoals links naar andere websites, ankers op websitepagina's, de contactgegevens van je klant, enzovoort.
- Dropdown: Voeg een container toe die onder het menu verschijnt wanneer bezoekers het item aanwijzen. Je kunt het naar behoefte ontwerpen en het gebruiken om menu-items en aanvullende inhoud weer te geven.
Ben je van gedachten veranderd over de indeling (het type) van het menu?
Maak je geen zorgen. Je kunt het later altijd wijzigen.
![Het Elementen toevoegen-paneel is geopend. De cursor voegt een horizontaal menu toe aan de website.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/19/df6ed6ba-37e3-437f-bb1f-3338f8a87fb1/59a9c10a-dcef-478f-b7cf-5aacefa09f93.jpg)
Menu-items beheren
Je kunt een bestaand menu en de items die het weergeeft altijd aanpassen. Voeg meer items toe, verwijder items die niet relevant zijn of wijzig de volgorde om de inhoud fris te houden.
Om een menu te beheren:
- Selecteer het relevante menu in je Editor.
- Klik op Menu beheren.
- Kies wat je vervolgens wilt doen:
Meer menu-items toevoegen
De link van een menu-item wijzigen
De naam van een menu-item wijzigen
Een item weghalen of verwijderen
Menu-items opnieuw ordenen
![Het Menu beheren-paneel is open. De cursor klikt om de naam van een item te wijzigen.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/20/4bb2420c-5efb-45ab-8ac8-7f1e487f65a7/24d1a8dc-5576-4622-b6f5-4e2590e5f898.jpg)
Dropdownmenu's maken
Er zijn twee manieren om dropdowns in een menu te maken, afhankelijk van wat je de titel wilt laten zijn:
- Een bestaand menu-item: Kies een bestaand item (pagina of link) in het menu om de dropdown weer te geven wanneer bezoekers het aanwijzen.
- Een titel die niet klikbaar is: Voeg een titel in het dropdownmenu toe dat niet naar een pagina leidt. Wanneer bezoekers het aanwijzen, wordt de dropdowncontainer geopend.
Om een dropdown toe te voegen en in te stellen:
- Selecteer het relevante menu in de Editor.
- Klik op Menu beheren.
- Kies wat je wilt doen:
- Gebruik een bestaand menu-item:
- Sleep een menu-item om het onder het item te verplaatsen dat je als dropdowntitel wilt verplaatsen.
- Wijs hetzelfde item aan en klik op het Meer acties-pictogram
.
- Selecteer Onder 'Paginanaam' plaatsen.
- Herhaal stap a - c voor alle andere items.
- Maak een nieuwe dropdown:
- Klik op + Item toevoegen.
- Selecteer Dropdown.
- Voer de titel in voor de dropdown.
- Druk op de Enter-toets op je toetsenbord om je wijzigingen op te slaan.
- Sleep menu-items onder de dropdown om ze toe te voegen.
- Herhaal stap e voor alle andere items die je wilt toevoegen.
- Gebruik een bestaand menu-item:
![Er is een dropdown gemaakt in het Menu beheren-paneel. Er wordt een menu-item onder gesleept.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/20/b5dffea9-d656-4a97-a953-7b08c1bdca4a/f4b593dd-0a05-4149-b586-01703aff2f3e.jpg)
Naar een andere menu-indeling overschakelen
Gebruik de indelingsinstellingen om het gewenste menutype te kiezen: een horizontale of verticale navigatiebalk of een hamburger-menu.
Om de indeling in te stellen:
- Klik in je Editor op het menu.
- Klik op het Indeling-pictogram
.
- Selecteer het menutype:
- Navigatiebalk: Menu-items worden weergegeven in een balk. Kies onder Oriëntatie of de balk horizontaal of verticaal is.
- Hamburger: Er wordt een pictogram weergegeven. Wanneer websitebezoekers op het pictogram klikken, wordt het menu geopend.
![Het Menu-indelingen-paneel. De cursor heeft Navigatiebalk geselecteerd.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/20/34b64baf-95c5-48a8-b678-8addd02eb8a5/64466914-4720-4dae-837b-763bd9c37132.jpg)
Meerdere menu's weergeven op dezelfde website
Je kunt zoveel menu's maken als je nodig hebt en daarin compleet verschillende items weergeven.
Nadat je een nieuw menu-element hebt toegevoegd, kun je kiezen welk menu het moet weergeven: een bestaand menu dat je hebt opgeslagen of een nieuw menu dat je ter plaatse hebt gemaakt. Dit betekent dat je menu's kunt opslaan en opnieuw kunt gebruiken op verschillende menu-elementen op de website.
Toon je hetzelfde item op meerdere menu's?
Je kunt het item een unieke naam geven op elk menu, zodat het altijd overeenkomt met de specifieke bedoeling. Alle menu's die je maakt, zijn volledig onafhankelijk van elkaar.
Klik hieronder om te lezen hoe:
Kies welk menu op een pagina wordt weergegeven
Een nieuw menu opslaan