Wil je weten wat een dropdown-menu is en hoe het werkt? Dan bent u bij ons aan het goede adres. In dit artikel laten we u zien hoe u in een paar eenvoudige stappen een vervolgkeuzemenu in WordPress kunt toevoegen.
Vervolgkeuzemenu’s zijn in feite menu’s met meerdere niveaus. Zoals de naam al doet vermoeden, wordt een lijst met items ‘drop-down’ wanneer u de muisaanwijzer over een item beweegt. Je denkt misschien dat het moeilijk te bereiken is. Integendeel, eenvoudiger kan niet. Een paar klikken hier en wat slepen en neerzetten zal je een vervolgkeuzemenu geven.
In dit artikel leggen we uit wat een vervolgkeuzemenu is, hoe het werkt, en laten we zien hoe gemakkelijk u er een kunt maken. Daarnaast laten we u ook weten hoe u uw menu aan uw wensen kunt aanpassen.
A) Wat is een vervolgkeuzemenu?
Een vervolgkeuzemenu toont de lijst met items alleen als u uw muis over het hoofditem beweegt. Simpel gezegd is het een menu met meer dan één niveau. Alleen het eerste niveau wordt aan het begin getoond, maar als je er met de muis over beweegt, worden de andere verborgen niveaus onthuld.
Zoals u kunt zien, bespaart een vervolgkeuzemenu ruimte in het venster van uw website. Het stelt gebruikers ook in staat om een georganiseerde weergave van uw site te hebben.
Als je net begint met je WordPress-website , kan een eenvoudig navigatiemenu alles zijn wat je nodig hebt. Maar naarmate uw website groeit, heeft deze meer pagina’s en meer items om aan het navigatiemenu toe te voegen.
Na verloop van tijd zult u naar een ander type menu willen overschakelen om te voorkomen dat de navigatie vol zit met een hoop items. Dat is waar vervolgkeuzemenu’s handig worden.
Dropdown-menu’s zijn erg flexibel. U kunt uw items rangschikken op onderwerpen en prioriteiten. Als u een aantal goede plug-ins gebruikt , kunt u zelfs het gedrag van uw menu wijzigen.
B) Hoe maak je een vervolgkeuzemenu in WordPress?
Het maken van een vervolgkeuzemenu in WordPress is heel eenvoudig. Slechts een paar kleine aanpassingen in je menu en je hebt een dropdown-menu. Hier is een stapsgewijze handleiding voor het maken van een vervolgkeuzemenu in WordPress.
Stap 1: Maak een WordPress-menu
We hebben al gezegd dat je vervolgkeuzemenu zal worden gemaakt met een paar aanpassingen in je menu. Je hebt dus eerst een menu nodig. Als u al een menu heeft, kunt u doorgaan naar stap 3.
Ga naar het tabblad Uiterlijk in uw dashboardmenu en klik op Menu’s .
Voer in het veld Menunaam een naam in voor uw menu en klik op de knop Menu maken .
Hiermee heb je een menu aangemaakt. Dit menu is echter leeg, dus door naar stap twee.
Stap 2: items aan uw menu toevoegen
Nu is het tijd om wat items aan uw menu toe te voegen. Uw menu-items zijn simpelweg de links die u uw bezoekers biedt voor gemakkelijke navigatie.
Zoek eerst het paneel met de naam pagina’s in uw Menu Editor-venster. Het zou naast uw dashboardmenu moeten staan, in het gedeelte Menu-items toevoegen .
Klik op Alles weergeven en u ziet de lijst met alle pagina’s van uw site. Controleer nu de pagina’s die u aan uw menu wilt toevoegen en klik op Toevoegen aan menu .
Als je berichten , aangepaste links of categorieën wilt toevoegen , kun je een soortgelijk proces volgen.
Klik ten slotte op de knop Menu opslaan aan de rechterkant om de items op te slaan.
De items die u zojuist heeft toegevoegd zal verschijnen in de menustructuur gedeelte van uw Menu editor venster.
Stap 3: Maak vervolgkeuzemenu’s door menu-items te rangschikken
Zodra u de lijst met menu-items in uw menustructuursectie heeft , is het nu tijd om uw menu om te zetten in een vervolgkeuzemenu.
Om dat te doen, gaan we de ouder-kindstructuur gebruiken . Het bovenliggende item is de hoofdkop die altijd in uw menu wordt weergegeven. De onderliggende items zijn de subkop die alleen wordt weergegeven als we de muisaanwijzer op de hoofdkop plaatsen.
Klik om te beginnen op het onderliggende item en sleep het onder het bovenliggende item, maar houd het iets naar rechts. U zult opmerken dat het onderliggende item het tag -subitem krijgt .
Met behulp van dit proces kunt u bovenliggende en onderliggende items maken volgens de behoefte in uw vervolgkeuzemenu. Klik gewoon op Wijzigingen opslaan als u klaar bent.
Hiermee heeft u een vervolgkeuzemenu voor uw site gemaakt.
Stap 4: Publiceer uw vervolgkeuzemenu.
Het menu dat u in uw dashboard heeft gemaakt, staat nog steeds niet op uw site. Dat komt omdat je het nog niet hebt gepubliceerd. Maak je geen zorgen, het is supergemakkelijk om dit te doen.
Ga allereerst naar het tabblad Locaties beheren bovenaan uw Menu Editor-venster.
Zoek hier de gewenste locatie voor uw menu. Gebruik daarna de vervolgkeuzelijst aan de rechterkant en selecteer uw nieuwe menu uit de opties.
Klik ten slotte op de knop Wijzigingen opslaan .
Nu is uw vervolgkeuzemenu aan uw site toegevoegd. Gebruikers kunnen nu communiceren met uw vervolgkeuzemenu om naar de pagina’s en berichten op uw WordPress-website te navigeren.
C) Uw vervolgkeuzemenu bewerken
In het begin hoeft uw vervolgkeuzemenu mogelijk niet te worden gewijzigd. Bij een groeiende website moet u echter uw menu aanpassen. Gelukkig maakt WordPress het verre van moeilijk.
Een item uit uw menu verwijderen
Zoek het menu-item in uw menu-editorvenster en klik op het pijlpictogram in de rechterhoek om het paneel uit te vouwen.
Ga vervolgens naar de onderkant van het paneel en klik op de knop Verwijderen .
Klik nu rechtsboven op de knop Menu opslaan om uw bijgewerkte menu op te slaan.
De menu-items opnieuw ordenen
Als u ooit het gevoel heeft dat een item zoek is geraakt, kunt u het op elk gewenst moment in slechts twee stappen opnieuw bestellen. Het enige dat u hoeft te doen, is het item vinden. Vervolgens sleept het naar de positie die u wilt dat het is.
Klik zoals eerder op Wijzigingen opslaan om de positie op te slaan.
Het verwijderen van uw vervolgkeuzemenu
Als u denkt dat het vervolgkeuzemenu niet nodig is op uw site, kunt u het gewoon verwijderen.
Ga naar je Menu Editor- venster. a selecteer het menu dat u wilt verwijderen.
Op uw Menustructuur sectie, klikt u op de Delete Menu knop aan de onderkant.
Daarmee heb je nu een menu minder op je site.
D) Creëren en bewerken van uw vervolgkeuzemenu met Live Preview
Als u het nog niet wist, kunt u uw menu in realtime maken. Dit is mogelijk gemaakt door de WordPress customizer . Hiermee kunnen gebruikers live een voorbeeld bekijken van de wijzigingen die ze op de WordPress-website aanbrengen.
Stap 1: Maak een menu met Live Preview
Ga naar je WordPress Dashboard. Klik vervolgens op Aanpassen onder het tabblad Uiterlijk .
Klik aan de rechterkant van het scherm op Menu’s .
Klik nu op Nieuw menu maken om een nieuw menu te maken.
Typ een naam in het veld Menunaam en vink de vakjes aan onder Menulocaties om te selecteren waar het menu verschijnt. Klik vervolgens op de knop Volgende .
Stap 2: Menu-items toevoegen met Live Preview
Maakt u zich geen zorgen, het stapelen van menu-items in Live Preview is hetzelfde als in Dashboard.
Klik op de knop Items toevoegen onder uw menunaam. Dit toont de lijst met pagina’s, berichten, categorieën, enz. Die je hebt.
Het enige dat u nu hoeft te doen, is klikken op de items die u wilt toevoegen.
Als je berichten wilt toevoegen, klik je op Berichten en vervolgens op de naam van de berichten die je wilt toevoegen. Hetzelfde geldt voor categorieën en tags . Om aangepaste koppelingen toe te voegen , moet u de koppeling en naam voor de aangepaste koppelingen typen.
Stap 3: Maak vervolgkeuzemenu’s door items te rangschikken met Live Preview
Nadat u items aan uw menu heeft toegevoegd, is het nu tijd om uw menu te transformeren. We gaan hetzelfde proces van slepen en neerzetten en ouder-kindstructuur gebruiken als op het dashboard.
Sleep, net als voorheen, het onderliggende item onder het bovenliggende item, iets naar rechts. Nu wordt het onderliggende item ingesprongen onder het bovenliggende item.
Klik op Publiceren om de transformatie van uw menu op uw site toe te passen.
E) Uw menu aanpassen met Live Preview
Als je de wijziging die je hebt aangebracht meteen wilt zien, dan is dat eigenlijk vrij eenvoudig.
Ga allereerst naar uw Live Preview-venster en klik op Menu’s . Selecteer nu het menu dat u wilt aanpassen.
Menu-items opnieuw ordenen met Live Preview
Het uitproberen van verschillende volgorde van items kan resulteren in een goed menu. Als u de wijzigingen in de volgorde in realtime kunt zien worden toegepast, wordt het nog beter. Daarom heb je de mogelijkheid van een live preview.
Om items opnieuw te ordenen, sleept u een item en zet u het neer op de gewenste locatie. Klik daarna op Publiceren om de wijzigingen op uw site toe te passen.
Menu-items verwijderen met Live Preview
Klik eerst op uw menu-item om het bijbehorende paneel weer te geven. Klik daarna op Verwijderen onder aan het paneel.
Druk op de knop Publiceren om uw wijzigingen op te slaan en u bent klaar om te gaan.
Een menu verwijderen met Live Preview
Met de live customizer is het verwijderen van een heel menu ook vrij eenvoudig.
Klik gewoon op het menu dat u wilt verwijderen en scrol naar beneden. Klik nu op de knop Menu verwijderen .
Nadat u daarop hebt geklikt, gaat u terug naar de lijst met menu’s die u op uw site heeft. Klik ten slotte op de knop Publiceren om uw beslissing op de site toe te passen.
Nu heb je een menu minder om je zorgen over te maken.
Afsluiten
Dit was dus ons artikel over het toevoegen van een vervolgkeuzemenu aan WordPress. Het lijkt misschien onwaarschijnlijk, maar ze kunnen de kwaliteit van de navigatie op uw site verbeteren. Met vervolgkeuzemenu’s kunt u de gebruikerservaring verbeteren en tegelijkertijd de kleine ruimte op uw webpagina volledig benutten.
Het is gemakkelijk om een vervolgkeuzemenu te maken, maar het aantal en de menulocatie wordt beperkt door het WordPress-thema dat u gebruikt.
0 Comments