Hoe u een megamenu op uw WordPress-site kunt toevoegen - DeLaatbusiness

Hoe u een megamenu op uw WordPress-site kunt toevoegen

3 min


111
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

Onlangs vroeg een van onze lezers of het mogelijk is om een ​​mega-menu toe te voegen aan je WordPress-site? Met Mega-menu’s kunt u vervolgkeuzemenu’s met meerdere kolommen aan uw navigatie toevoegen met rich media zoals afbeeldingen en video’s. 

In dit artikel laten we u zien hoe u eenvoudig een mega-menu kunt toevoegen aan uw WordPress-site.

Hoe een mega-menu in WordPress toe te voegen

Waarom en wie moet Mega Menu toevoegen in WordPress?

Mega-menu’s zijn vooral handig voor websites met veel inhoud. Hierdoor kunnen website-eigenaren meer items in hun hoofdmenu weergeven.

Populaire websites zoals Reuters, Buzzfeed en Starbucks gebruiken mega-menu’s om zeer boeiende en interactieve navigatiemenu’s weer te geven.

Starbucks-website met een mega-menu

In de standaard WordPress-navigatiemenu’s kunt u vervolgkeuzemenu’s toevoegen en zelfs pictogrammen voor afbeeldingen naast elk item toevoegen, soms heeft u gewoon een mega-menu nodig.

Laten we eens kijken hoe u eenvoudig een mega-menu kunt toevoegen aan uw WordPress-website.

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Een megamenu toevoegen in WordPress

Het eerste wat u hoeft te doen is de Max Mega Menu- plug-in installeren en activeren . Het is de beste gratis WordPress-plugin voor mega-menu beschikbaar op de markt. 

Na activatie zal de plug-in een nieuw menu-item, Mega Menu, toevoegen aan je WordPress admin-menu. Als u erop klikt, gaat u naar de instellingenpagina van de plug-in.

Mega-menu-instellingen

De standaardinstellingen werken voor de meeste websites. U moet echter de menukleuren wijzigen, zodat ze overeenkomen met de kleuren die worden gebruikt in de container van het WordPress-thema.

Als u wilt weten welke kleuren in uw thema worden gebruikt, kunt u het hulpprogramma Inspecteren in uw browser gebruiken.

Gebruik de inspectietool om de kleuren van de navigatiebalk te achterhalen

Zodra u de hex-code voor kleuren heeft, kunt u deze in een tekstbestand plakken om later te gebruiken.

Vervolgens gaat u naar de pagina met instellingen voor mega-menu’s, klikt u op het tabblad ‘Menuthema’s’ en vervolgens op ‘Menubalk’.

Menubalk kleuren

Hier kun je de achtergrondkleur van mega-menu vervangen door de navigatie-menubalk van je thema.

Vergeet niet op de knop Wijzigingen opslaan te klikken om uw instellingen op te slaan.

Nu we de mega-menu-instellingen hebben geconfigureerd, gaan we door en maken we ons mega-menu.

Eerst moet je de pagina Uiterlijk »Menu’s bezoeken en vervolgens items op het hoogste niveau aan je navigatie toevoegen. 

Vervolgens moet je op het menu Menu’s het mega-menu inschakelen door het vakje onder ‘Max Mega Menu-instellingen’ aan te vinken.

Schakel megamenu in

Daarna moet je met je muis naar een menu-item gaan en je ziet een knop “Megamenu” op het menutabblad verschijnen.

Als u op de knop klikt, verschijnt er een pop-up. Hier kunt u elke WordPress-widget aan uw mega-menu toevoegen en het aantal kolommen selecteren dat u wilt weergeven.

Widgets toevoegen aan uw mega-menu

U kunt ook op het moersleutelpictogram op een widget klikken om de widgetinstellingen te bewerken. Vergeet niet op de knop Opslaan te klikken om uw widgetinstellingen op te slaan.

Als u klaar bent, kunt u de pop-up sluiten en uw website bezoeken om het mega-menu in actie te zien.

Voorbeeld van een mega-menu

We hopen dat dit artikel u heeft geholpen om te leren hoe u een mega-menu kunt toevoegen in WordPress. 


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *