Sewe beste responsiewe menu-plugins vir WordPress (2020)

WordPress aanbiedings


Navigasiekaarte is ‘n noodsaaklike komponent van enige suksesvolle webwerf. Eenvoudig gestel, hulle help besoekers om rond te kom. Dit verbeter die vloei van u webwerf en moedig besoekers aan om langer op die webwerf te bly, meer van u inhoud te verbruik en u omskakelingsdoelwitte te bereik – al die goeie dinge, met ander woorde.

Meer as dit is navigasie-spyskaarte egter ‘n integrale deel van die algemene ontwerp van u webwerf – hulle word immers op elke unieke bladsy vertoon. Onthou: ‘n Visueel indrukwekkende navigasiemenu kan ‘n gemiddelde webwerf goed laat lyk, en die omgekeerde is ook waar.

As sodanig is die bou en stilering van u navigasie-menu’s nie ‘n besluit om ligtelik te onderneem nie – vanuit ‘n estetiese of navigasieperspektief.

Gelukkig is daar talle wonderlike menu-inpropinasies vir WordPress-gebruikers. In hierdie artikel gaan ons deur hulle soek om ons sewe gunstelinge aan u te bied. En omdat elke inprop op hierdie lys ten volle reageer, kan gebruikers op mobiele toestelle dit ook geniet.

Hier gaan ons dan, die sewe beste responsiewe menu-plugins vir WordPress (insluitend gratis sowel as premium-plugins).

In geen spesifieke volgorde nie …

1. UberMenu ($ 19)

Die UberMenu-inprop

Kom ons begin met die mees kragtige menu-inprop van almal – UberMenu. Hierdie inprop is tot nou toe meer as 60.000 downloads afgelaai en is in die derde plek op die ranglys vir CodeCanyon se topverkoper-inproppe van alle tye.

Met die UberMenu-inprop kan u ‘n paar van die mooiste spyskaarte bou wat u in die WordPress-wêreld kan vind. Hulle word ‘mega-spyskaarte’ genoem, en dit kan ongelooflik ingewikkeld wees, met onbeperkte vlakke van sub-spyskaarte vir besoekers om in te soek. As dit kom by die verbetering van navigasie, is mega-spyskaarte ongeëwenaard..

'N Kiekie van 'n UberMenu-mega-kieslys.

Met UberMenu kan u prente, ikone en beskrywings by menu-items voeg.

Die belangrikste verkooppunt van die inprop is die gevorderde inhoud wat u aan u mega-spyskaarte kan voeg. Vir die begin, sluit dit prente, Google Maps en blogpostnetwerk in. UberMenu kan selfs bloginhoud vir hierdie roosters dinamies trek, gebaseer op ‘n veranderlike van u keuse – die veranderlike kan byvoorbeeld die poskategorie, postipe, ouer of outeur wees. Die inprop voeg ook outomaties die geposisieerde prent van die plasings by die roosters, en verseker dat die spyskaarte altyd die onderdeel lyk.

Buiten dit, integreer UberMenu ook met derdeparty-widgets en kortkodes. Dit beteken dat u funksies van ander plugins in u spyskaarte kan inkorporeer vir ‘n nog beter besoeker-ervaring.

'N Kiekie van 'n Google Map- en kontakvorm wat in 'n UberMenu opgeneem is

U kan UberMenu gebruik om kaarte en kontakvorms by u spyskaarte te voeg.

Soos u sou verwag van ‘n inprop wat ontwerp beklemtoon, word UberMenu-skepe met groot opsies aanpas. Dit bevat 25 van die gewildste Google-lettertipes, sowel as lettergroottes en oneindige kleure. U kan ook ‘n persoonlike agtergrondprent vir elke menu-item oplaai.

Met so ‘n veelsydigheid kan u vergewe word dat u dink dat hierdie spyskaarte moeilik sou wees om te konstrueer. Dit is egter nie die geval nie, danksy die intuïtiewe bouer van die inprop.

Met die bouer kan u u menu’s maak met behulp van responsiewe roosters met tot 12 kolomme, wat u met inhoudsblokke kan vul. Om hierdie blokke aan te pas, klik eenvoudig op die een wat u wil hê, en UberMenu bring die beskikbare opsies daarvoor voor. U kan ook kyk hoe u spyskaart in real-time lewendig word van die WordPress Customizer – hierdie live preview-funksie is van onskatbare waarde.

UberMenu skep ‘n veelsydige reeks menustipes en submenu’s. U kan dit selfs toon om spyskaarte vir oues te bou.

'N Kiekie van 'n UberMenu-uitvlug

Gebruik UberMenu om meer tradisionele spyskaarte te skep deur die uitvlugopsie te kies.

Of jy kan ‘n verskeidenheid van hierdie opsies in ‘n enkele spyskaart meng – en pas dit in een enkele menu – die hele shebang.

'N Kiekie van 'n UberMenu met al die verskillende soorte inhoud.

Of gebruik UberMenu se volledige vermoëns en kombineer uitvloeisels, talle agtergrondprente en ‘n reeks inhoudkategorieë.

Die resultate is waarlik wonderlik, nie waar nie? En u kan selfs u spyskaarte vertikaal in lyn bring as u wil. Hierdie spyskaarte ondersteun dieselfde kenmerke en funksies, maar is vertikaal gerig.

'N Skermkiekie van 'n vertikale spyskaart wat met UberMenu gebou is.

Wil u ruimte aan die bokant van die skerm bespaar? Plaas u UberMenu aan die kant van die bladsy, sonder dat u funksies verloor.

Alhoewel UberMenu ten volle reageer, kan die ingewikkelde ontwerp van die mega-spyskaarte hulle minder geskik maak vir kleiner toestelle. As u voel dat dit die geval is, het die UberMenu-ontwikkelaars gebruikers van ‘n gratis mobiele menu-inprop: ShiftNav voorsien. Hiermee kan u app-styl navigasie-spyskaarte vir mobiele gebruikers bou.

Ten slotte is dit die moeite werd om daarop te wys dat die ontwikkelaars, weens die onstuitbare populariteit van UberMenu, vier amptelike uitbreidings vrygestel het.

  • UberMenu-ikone-uitbreiding – Stel 600 plus FontAwesome-ikone aan u spyskaarte bekend.
  • UberMenu plat vellepakket – 30 nuwe velle vir u spyskaarte.
  • UberMenu Conditionals-uitbreiding – voorwaardelike logika vir u mega-spyskaarte.
  • UberMenu Sticky Extension – Veranker die spyskaarte aan die bokant van die skerm.

Uitbreidings is beskikbaar vir $ 8 elk of as ‘n bundel van $ 19.

2. Max Mega Menu (GRATIS)

Max Mega Menu-inprop

‘Mega menu’-funksionaliteit is relatief gevorderd, wat beteken dat u dit gewoonlik net in premium-inproppe sal vind. As u egter weet waar u moet soek, is dit moontlik om dit gratis te vind.

Ons stel Max Mega Menu bekend, ‘n uitstekende mega-menu-inprop beskikbaar by die amptelike WordPress-inprop-bewaarplek. Met die inprop geïnstalleer en geaktiveer, word u bestaande WordPress-spyskaarte outomaties opgegradeer na mega-spyskaarte.

'N Kiekie van 'n Max Mega Menu met 'n paar prente.

Die mega-spyskaarte wat u kan bou lyk asemrowend – nie sleg vir ‘n gratis inprop nie!

Dit is maklik om u spyskaarte te bou, met inagneming van die sleep-en-druppelbouer. U kan hulle ook intyds voorskou, en so stil-stil besluite neem.

Van stilering praat Max Mega Menu met byna eindelose aanpassingsopsies. Lettertipes, groottes, kleure en ikone is net die punt van die ysberg, met meer as 100 aanpassings wat ondersteun word. Daar is ‘n paar fantastiese CSS3-animasies wat ingebou is, wat u spyskaarte nog makliker maak.

Soos met enige mega-menu-inprop, kan u ook ‘n paar ingewikkelde spyskaarte bou. U kan baie cool dinge daarby voeg, insluitend beelde en dinamiese inhoud (soos kaarte), en omdat u met Max Mega Menu widgets by u menu’s kan voeg, kan u funksies selfs van ander plugins integreer. Dit beteken dat u funksies soos kalenders, video’s en kontakvorms kan insluit.

'N Kiekie van 'n Max Mega Menu met kalender, kontakvorm en kaart.

Die skermkiekie toon slegs ‘n paar van die widgets wat u by u spyskaarte kan voeg.

Die beste van alles is dat Max Mega Menu een van die vinnigste mega-menu-inprops is, weeg minder as 2 kb en met die stylwerk beperk tot ‘n enkele CSS-lêer.

As u hou van wat u sien, oorweeg dit om vir slegs $ 19 op te gradeer na die Pro-weergawe. Met die Pro-weergawe kan u WooCommerce en Easy Digital Download-afhandelfunksies by u spyskaarte voeg, onder andere oulike funksies.

3. Superfly ($ 22)

Die Superfly-inprop

As u vertikale spyskaarte bo die tradisionele horisontale belyning verkies, kyk na die Superfly-inprop. Dit dien ook as ‘n fantastiese ruimtebespaarder, waardeur u die volle afmetings van die skerm kan gebruik.

Dit word bereik deur die spyskaart agter ‘n skakelknoppie in die boonste hoek weg te steek. As dit geklik word, skuif die menu na die vertoning, wat besoekers vry kan maak om op u webwerf te navigeer – u kan ook kies om die spyskaart permanent aan die kant van die skerm te anker..

Waarom wil u ‘n vertikaal belynde menu hê? Wel, vir die begin word hulle as meer mobiele vriendelik beskou. U kom hulle ook minder gereeld voor, wat ‘n taamlike toevoeging tot enige webwerf maak. En soos u sou verwag, ondersteun Superfly ‘n magdom stylopsies wat u help om hierdie ongewone spyskaart nog treffender te maak.

'N Kiekie van 'n linksvlieg Superfly-menu

Superfly-spyskaarte gly van die kant van die skerm af na die uitsig.

Die inprop word voorsien van ‘n ikoonbiblioteek, tonne Google-lettertipes en volkleur-aanpassing. U kan ook persoonlike beelde vir u spyskaarte oplaai – van ‘n agtergrondprent na die logo wat bo-aan die menu verskyn. U kan ook widgets of kortkodes van ander plugins integreer, of pasgemaakte HTML-stilering skep. U kan selfs die ontwerp, vorm en plasing van die menu-snellerknoppie aanpas.

Omdat die spyskaarte na die skerm oopmaak, word tot vier vlakke van submenu’s ondersteun. Bykomende vlakke lyk ewe pragtig en kan met ‘n unieke stilering opgestel word, soos aangetoon in die skermkiekie hieronder.

'N Skermkiekie wat 'n Supermenu-submenu demonstreer

Met Superfly kan u unieke ontwerpe vir elke subvlak van u menu skep.

Aangesien hierdie eienaardige spyskaarte moontlik nie in elke situasie pas nie, bied Superfly verskillende konfigurasies vir bladsy-teikening. Hier kan u kies om Superfly-spyskaarte te deaktiveer vir sekere gebruikersgroepe – byvoorbeeld desktop-gebruikers – of op spesifieke bladsye.

Een finale funksie: U kan ook sosiale deelknoppies onderaan u menu’s voeg, met meer as tien sosiale netwerke wat ondersteun word. Met enige geluk, sal dit lei tot meer sosiale aandele vir u inhoud.

4. Responsiewe spyskaart (GRATIS)

Responsiewe menu-inprop

As u van die vertikale spyskaarte van Superfly hou, maar nie die begroting het nie, sal die responsiewe menu-inprop u dalk interesseer. Hierdie inprop bou pragtige vertikale spyskaarte en kan gratis afgelaai word vanaf die amptelike plugin-gids.

Vir ‘n gratis inprop is die responsiewe menu met ‘n indrukwekkende aantal aanpassings – in werklikheid meer as 150. Dit dek al die gewone aanpassings – lettertipe, grootte, belyning en kleur – en u kan ook gepasmaakte agtergronde, logo’s en ikone oplaai, waardeur u ‘n persoonlike aanraking by u spyskaarte kan voeg..

'N Skermkiekie van 'n spyskaart wat gebou is met die responsiewe menu

U kan agtergrondprente en ‘n soekbalk by u spyskaarte voeg.

Die inprop bevestig ‘n eenvoudige menu-knoppie regs bo op die skerm, en as daar op hierdie knoppie geklik word, skuif die menu na die beeld met ‘n pragtige animasie-effek. Aangesien die spyskaarte veel meer van die skerm in beslag neem in vergelyking met Superfly, word elke volgende vlak afwaarts oopgemaak, eerder as na buite, soos gesien in die volgende skermkiekie.

'N Skermkiekie wat submenu's met die responsiewe menu vertoon

As daar geklik word, word submenu-items afwaarts eerder as na buite oopgemaak.

Ander nuttige funksies sluit in soekfunksionaliteit vir u spyskaarte, en die keuse om te kies op watter skermgroottes die spyskaarte vertoon word.

As u van die gratis weergawe hou, is ‘n $ 14.99 Pro-weergawe beskikbaar en stel u ‘n regstreekse voorskoufunksie, FontIcons en geanimeerde spyskaartitems voor..

5. Hero Menu ($ 19)

Hero Menu-inprop

Ons gaan weer na mega-spyskaarte met ons volgende inprop: Hero Menu. Die inprop spog met baie veelsydigheid en tonne aanpassingsopsies, wat beteken dat dit moontlik is om byna eindelose menu-ontwerpe te skep.

Hero Menu is beskikbaar met gratis plus-ikone van 250 plus, en u kan u spyskaarte aanpas met ‘n keuse van 650 Google-lettertipes en oneindige kleure. Om diegene te help wat ‘n natuurlike flair vir ontwerp het, vind u ook 60 pragtige voorinstellings, soos geskep deur ‘n span bekwame grafiese ontwerpers.

'N Kiekie van Hero Menu

Kyk na al die oulike inhoud wat u by ‘n Heldemenu kan voeg

Die plugin maak die opbou van die menu ook ‘n briesie danksy die vaartbelynde pasvlak. Alles is sleep-en-drop, sodat u diepte aan u spyskaarte toevoeg, menu-items herbestel en die ontwerp maklik kan opstel.

Hero Menu ondersteun al die gewone mega-menu-inhoud – prente, video’s, kaarte en bloginhoud, plus kortkodes en widgets van ander plugins. Hero Menu is egter ook versoenbaar met WooCommerce, wat beteken dat u produkte, pryse en kleinkiekies by u spyskaarte kan voeg. U kan ook ‘n soekfunksie en knoppies om sosiale media te deel, maklik aktiveer.

'N Skermkiekie wat die integrasie van WooCommerce en Hero Menu demonstreer

U kan selfs WooCommerce-produkte by u menu voeg.

Die inprop bevat ook ‘klewerige menu’-funksionaliteit, wat beteken dat dit aan die bokant van die skerm geanker is, selfs as ‘n besoeker op die bladsy blaai. En wanneer Hero Menu besoekers met kleiner toestelle opspoor, sal dit die spyskaarte outomaties tot iets meer mobiele vriendelikes kondenseer.

Uiteindelik sal Hero Menu die menu kies wat ‘n besoeker sien, afhangende van die gebruikersrol van WordPress – ‘n nuttige funksie as besoekers moet aanmeld.

6. WP Responsive Menu (GRATIS)

Die WP Responsive Menu-inprop

Die volgende gratis freebie is: die WP Responsive Menu-inprop, wat spesialiseer in die opbou van mobiele spyskaarte.

Omdat die inprop op mobiele gebruikers gerig is, is baie van die belangrikste funksies daarvan spesifiek aangepas vir funksies wat op mobiele toestelle gevind word. Besoekers kan op die spyskaarte blaai met vee-gebare, en hulle kan ook hul aanraakskerms knyp om te zoem.

U kan ook ‘n spesifieke selfoonvriendelike spyskaart opstel vir besoekers op kleiner toestelle, en enige ongewenste elemente deaktiveer. Besoekers op die lessenaar sien die standaardmenu met die volledige lys opsies.

'N Skermkiekie van die WP Responsive Menu-inprop

U kan die spyskaarte opstel om van bo, links of regs van die skerm uit te gly. U kan ook die breedte van die menu’s spesifiseer – in pixels of as persentasie van die skermgrootte.

Daar is ook baie aanpassingsopsies. U kan ‘n logo oplaai vir die menu, sowel as die aanpassing van alle kleure (agtergrond, teks en rande) en die menu-teks. U kan selfs ‘n eenvoudige soekfunksie onder in die menu insluit.

Die beste van alles is dat die opstelling ongelooflik vaartbelyn is, wat beteken dat u binne enkele minute aan die gang kan wees.

7. WP Floating Menu Pro ($ 17)

Die WP Floating Menu Pro-inprop

Die laaste inprop op die lys van vandag is nog ‘n interessante een – WP Floating Menu Pro. Soos die naam aandui, bou die inprop ‘drywende’ spyskaarte, en hulle lyk goed.

Die inprop bou twee soorte spyskaarte:

  • navigasie op een bladsy
  • klewerige spyskaarte – hierdie tipe menu skakel na verskeie URL’s, soos ‘n tipiese WordPress-menu.

Geen ander inprop op hierdie lys bied navigasie met een bladsy nie, dus laat ons daarop fokus. Die navigasie-funksie van een bladsy is gerig op webwerwe wat op ‘n enkele bladsy gebou is. Hierdie webwerwe word gewoonlik in verskillende afdelings verdeel – daar is byvoorbeeld ‘n afdeling oor ons of ‘n kontakvorm.

'N Kiekie van WP Floating Menu Pro

Deur op die ikone regs te klik, kan besoekers na enige deel van ‘n webwerf met een bladsy spring.

As ‘n besoeker op een van die ikone klik op navigasie-menu’s van een bladsy, sal hulle outomaties na die deel van die bladsy spring. Dit beteken die menu word gebruik om op en af ​​op die bladsy te navigeer, direk na die gedeelte wat die besoeker wil hê – ‘n ‘inline’ menu. Klink cool, reg?

Behalwe hierdie nogal interessante funksie, kom WP Floating Menu Pro met baie aanpassingsstyle. Vir die begin is daar 13 voorafgeboude sjablone, met ‘n verskeidenheid knoppie-style, kleurskemas en animasie-effekte. Elke sjabloon is egter volledig aanpasbaar – en jy kan jou eie styl van nuuts af bou, sodat jy jou spyskaarte kan aanpas by die styl van jou werf.

Met kleiner knoppies in hierdie spyskaarte, is ikone ‘n belangrike ontwerpelement, en die inprop word met drie stelle gestuur: Dash Icons, FontAwesome Icons en General Icons. WP Floating Menu Pro word ook voorsien van mobiele vriendelike spyskaarte, wat u met een druk op die knoppie kan aktiveer.

Finale gedagtes

Dit sluit die afronding van die beste reageer op die menu-inproppe vir WordPress af. Die inproppe wat op hierdie lys verskyn, ondersteun ‘n verskeidenheid menustipes – mega-spyskaarte, vertikale spyskaarte, mobiele vriendelike spyskaarte en een-bladsy-spyskaarte.

Watter een is die beste by u webwerf? Wel, dit hang af. Die keuse van die regte menu-inprop is ‘n belangrike besluit, want spyskaarte dien ‘n belangrike funksie – navigasie – en vorm ‘n fundamentele deel van die estetiese van u webwerf. Met ander woorde, neem u tyd en maak seker dat u hierdie besluit reg kry.

Persoonlik hou ek van die styl van mega-spyskaarte – hulle gee aandag, en jy kan ook baie oulike goed byvoeg. Dit is egter waarskynlik die beste by webwerwe met baie verskillende bladsye; webwerwe waar ‘n baie uitgebreide navigasie-menu nodig is.

Aan die ander kant is die vertikale stylmenu’s ideaal vir webwerwe wat die ruimteverbruik moet maksimeer. Die menu is agter ‘n skakelaar versteek, wat beteken dat u inhoud die hele skerm vul – perfek vir webwerwe met ‘n volskermafbeelding of -video.

Met gratis inproppe in elke kategorie, is my aanbeveling om ‘n paar verskillende menu-style te probeer om te sien watter u verkies. As u dan weet watter styl u wil, moet u ‘n paar van die premium-opsies evalueer om vas te stel watter inprop u in die toekoms gaan gebruik. Met baie ekstra funksies en funksionaliteite, is die premium-opsies regtig ‘n korting bo die gratis opsies.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map