Elke webeigenaar weet dat verkeer de levensader is van hun site en goede inhoud is de sleutel tot het krijgen van de overstroming. Maar bezoekers krijgen is niet het enige; behoud van hen is ook essentieel. Dit is waar webontwerp en gebruikersinterface een belangrijke rol spelen. Als uw website intuïtief en gemakkelijk in het gebruik is, zal uw bezoeker langer op uw site doorbrengen, zullen zoekmachines meer van uw site houden en krijgt uw site een hogere positie in de zoekresultaten.

Een van de belangrijkste elementen van intuïtief en eenvoudig te gebruiken webdesign is het menu. Als u uw menu wilt laten opvallen tussen de meeste andere gewone webmenu's die er zijn, kunt u het mega-menu gebruiken om afbeeldingen, widgets en vrijwel elk interactief webelement in uw menu op te nemen. En als u een WordPress-gebruiker bent, is daar een plug-in voor.

Sense of Mega Menus

Wat is een mega-menu? Het is een van de recente trends in webdesign die is opgepikt door grote sites, vooral in het e-commerce-rijk, zoals Wal-Mart, OfficeMax, Target, Adidas, Puma, Toys-R-Us, etc. De aard van een mega-menu maakt het perfect voor online retailers. Maar het is ook ideaal voor andere soorten websites, zoals het Witte Huis of IMDB.

Het menu is zo oud als de website zelf. Het is de tool die bezoekers gebruiken om door websites te navigeren die ze bezoeken. Traditionele menu's waar we van houden en van haten, geven gebruikers tekst- en vervolgkeuzeteksten om hun taak te volbrengen, maar een mega-menu neemt het een paar keer beter op.

Met het mega-menu kunnen gebruikers andere webelementen aan het menu toevoegen. U kunt bijvoorbeeld de laatste vijf berichten van uw blog opnemen, samen met de bijbehorende afbeeldingen in het menu. Met behulp van deze mogelijkheid kunnen online retailers afbeeldingen van hun producten en misschien de deals van de dag toevoegen in het mega-menu en dit gebruiken als een ander billboard waar ze hun producten verder kunnen promoten.

Een megamenu toevoegen aan uw WordPress-blog

Als WordPress uw website van stroom voorziet en u wilt het mega-menu invoegen als onderdeel van de gebruikerservaring, is het proces net zo eenvoudig als het installeren van een plug-in en het uitvoeren van een kleine setup.

Er zijn verschillende alternatieven die u kunt vinden in de WordPress plug-inrepository, maar we gaan een van de meest populaire gebruiken met meer dan 100 duizend installaties, een bijna perfecte vijfsterrenrangschikking en die regelmatig wordt bijgewerkt: Max Mega Menu. Je kunt het gebruiken met je bestaande thema en het bewerken door de elementen te slepen en neer te zetten.

U kunt de plug-in vanuit uw WordPress-dashboard verkrijgen door naar het menu "Plug-ins -> Nieuw toevoegen" te gaan en naar "Max Mega-menu" te zoeken.

Na het installeren en activeren van de plug-in, ga je naar "Uiterlijk -> menu's" in de zijbalk. Dan moet je het Max Mega Menu inschakelen via de instellingen links van de menustructuur. Als u de instellingen niet kunt vinden, selecteert u 'Primair' als het menu dat u wilt bewerken in de vervolgkeuzelijst.

U ziet de extra Mega Menu-opties wanneer u uw muisaanwijzer over een van de afzonderlijke menu-items beweegt.

U kunt de bestaande menu's gebruiken als basis om mega-menu's toe te voegen, of u kunt ook vanuit het niets een nieuwe set menu's maken. We zullen niet bespreken hoe je een menu kunt maken in WordPress, omdat het een ander verhaal op zich is, maar je kunt de officiële pagina raadplegen voor hulp.

Als u op de opties voor het Mega-menu klikt, wordt er een paneel geopend met alle instellingen van het Mega-menu voor dit menu-item. De basisacties die u kunt ondernemen zijn:

  • Kies uit het gewone, trapsgewijze vervolgkeuzemenu genaamd "Fly-out" of "Mega-menu" waar het menugebied de menubreedte vult
  • Voeg beschikbare widgets toe aan het menu
  • Kies het aantal kolommen dat u voor dat specifieke menu wilt gebruiken

Elke extra widget wordt geleverd met de knop Bewerken, zodat gebruikers de inhoud erin kunnen aanpassen.

Omdat de uiteindelijke resultaten afhangen van welke widgets je in het mega-menu plaatst, komt alles neer op wat je in je arsenaal hebt. Hoe meer items in uw collecties, hoe groter de mogelijkheden die u heeft.

Sommige thema's en plug-ins worden geleverd met speciale eigen widgets. U kunt ook meer WordPress-widgets vinden met de hulp van good ol 'Google. En aangezien u vrijwel alles kunt toevoegen met behulp van de combinatie van de widget "Tekst" en lichtcodering, is de lucht de limiet voor uw verbeelding.

Snelle case study

Om u een idee te geven van wat u met de plug-in kunt doen, probeerde ik een snelle case study uit te voeren.

Eerst veranderde ik het menu van Flyout naar Mega Menu. Toen koos ik een bestaand menu met daarbinnen submenu's, ik schrapte een aantal submenu's die ik niet nodig had en opende het Max Mega Menu-paneel. Ik heb de kolom aangepast aan het aantal submenu's en ik heb een afbeelding toegevoegd met behulp van de beeldwidget van JetPack.

Om de dingen leuker te maken, heb ik ook een kalender en een widget voor sociale media-pictogrammen toegevoegd, gewoon omdat ik het kan.

Laten we nu de voor- en namiddag van onze kleine casestudy vergelijken. Hier is hoe het menu eruit zag voordat ik een megamenu toevoegde.

En hier is het resultaat van mijn menu na het tweaken.

Dus wat vind je van het megamenu? Is dit slechts een tijdelijke trend, of blijft het langer hangen? Voegt u een mega-menu toe aan uw site? Deel uw mening in de reacties hieronder.