Hver web eier vet at trafikken er livsnerven på nettstedet deres, og godt innhold er nøkkelen til å få flommen. Men å få besøkende er ikke det eneste; å beholde dem er også viktig. Dette er hvor webdesign og brukergrensesnitt spiller en viktig rolle. Hvis nettstedet ditt er intuitivt og enkelt på øyet, vil besøkende tilbringe lenger på nettstedet ditt, søkemotorer vil elske nettstedet ditt mer, og nettstedet ditt vil få en høyere posisjon i søkeresultatene.

En av hovedelementene i intuitivt og brukervennlig webdesign er menyen. Hvis du vil gjøre menyen skille mellom de fleste andre vanlige webmenyene der ute, kan du bruke mega-menyen til å inkludere bilder, widgets og nesten alle interaktive webelementer du vil ha i menyen. Og hvis du er en WordPress-bruker, er det et plugin for det.

Gjør Sense of Mega Menus

Hva er en mega-meny? Det er en av de siste trendene i webdesign som har blitt hentet opp av store nettsteder, spesielt i e-handelsområdet som Wal-Mart, OfficeMax, Target, Adidas, Puma, Leker-R-Us, etc. en mega-meny gjør den perfekt for nettbutikker. Men det er også ideelt for andre typer nettsteder, for eksempel The White House eller IMDB.

Menyen er like gammel som nettstedet selv. Det er verktøyet som besøkende bruker for å hjelpe dem med å navigere nettsteder de besøker. Tradisjonelle menyer som vi har vokst til å elske og hate, gir brukere strengene med tekst og nedtrekks tekst for å oppnå oppgaven, men en mega-meny tar ting opp noen få hakk.

Mega-menyen lar brukerne legge til andre webelementer i menyen. For eksempel kan du inkludere de siste fem innleggene fra bloggen din sammen med de fremhevede bildene i menyen. Ved hjelp av denne muligheten kan nettbutikkene legge til bilder av deres produkter og kanskje dagens avtaler i mega-menyen og bruke det som et nytt billboard hvor de kan videreutvikle sine produkter.

Legge til en Mega-meny til WordPress-bloggen din

Hvis WordPress krever nettstedet ditt, og du vil sette inn mega-menyen som en del av brukeropplevelsen, er prosessen like enkelt som å installere et plugin og gjøre et lite oppsett.

Det finnes flere alternativer som du finner i WordPress-pluginarkivet, men vi skal bruke en av de mest populære med over 100 000 installasjoner, en nesten perfekt femstjerners rangering, og det oppdateres jevnlig: Max Mega Menu. Du kan bruke den med ditt eksisterende tema og redigere det ved å dra og slippe elementene.

Du kan få pluginet fra ditt WordPress dashboard ved å gå til "Plugins -> Add New" menyen og søke etter "Max Mega Menu."

Etter installasjon og aktivering av plugin, gå til "Utseende -> Menyer" fra sidepanelet. Da må du aktivere Max Mega Meny via innstillingene til venstre for menytreet. Hvis du ikke finner innstillingene, kan du prøve å velge "Primær" som menyen for å redigere fra rullegardinmenyen.

Du vil se de ekstra Mega-menyalternativene når du svever musepekeren over en av de enkelte menypunktene.

Du kan bruke de eksisterende menyene som base for å legge til mega-menyer, eller du kan også opprette et nytt sett med menyer fra grunnen av. Vi vil ikke diskutere hvordan du lager en meny i WordPress, da det er en annen historie i seg selv, men du kan referere til den offisielle siden for veiledning.

Hvis du klikker på Mega-menyalternativene, starter et panel som inneholder alle Mega-menyinnstillingene for dette menyelementet. De grunnleggende tiltakene du kan ta er:

  • Velg mellom den vanlige, cascading, rullegardinmenyen kalt "Flyout" eller "Mega Menu" der menyområdet fyller menybredden
  • Legg til tilgjengelige widgets i menyen
  • Velg hvor mange kolonner du vil bruke for den aktuelle menyen

Hver ekstra widget leveres med redigeringsknappen slik at brukerne kan justere innholdet inni.

Siden de endelige resultatene vil avhenge av hvilke widgets du legger inn i mega-menyen, kommer alt ned til hvilke widgets du har i arsenalet ditt. Jo flere elementer i samlingene dine, desto større muligheter har du.

Noen temaer og plugins kommer med egne widgets av seg selv. Du kan også finne flere WordPress-widgets ved hjelp av gode ol 'Google. Og siden du kan legge til nesten alt ved hjelp av kombinasjonen av "Tekst" -grensesnittet og lyskoding, er himmelen grensen for fantasien din.

Quick Case Study

For å gi deg en ide om hva du kan gjøre med pluginet, prøvde jeg å gjøre en rask casestudie.

Først endret jeg menyen fra Flyout til Mega Menu. Da valgte jeg en eksisterende meny med undermenyer inni, slettet noen av undermenyene jeg ikke trenger, og åpnet Max Mega Meny-panelet. Jeg justerte kolonnen for å matche antall undermenyer, og jeg la til et bilde ved hjelp av JetPacks bildeutgave.

For å gjøre ting mer glede, har jeg også lagt til en kalender og en sosial media ikoner widget, bare fordi jeg kan.

La oss nå sammenligne før og etter vår lille case-studie. Her er hva menyen så ut før jeg la til mega-menyen.

Og her er resultatet av menyen min etter tweaking.

Så hva synes du om mega-menyen? Er dette bare en midlertidig trend, eller vil den bli lenger? Vil du legge til en mega-meny på nettstedet ditt? Del din mening i kommentarene nedenfor.