Mobilné Správy, Gadgety, Blogy's Secenziami

Sedem najlepších responzívnych doplnkov ponuky pre WordPress (2020)

Navigačné ponuky sú nevyhnutnou súčasťou každej úspešnej webovej stránky. Jednoducho povedané, pomáhajú návštevníkom obísť sa. To zlepšuje tok vašich webových stránok, povzbudzuje návštevníkov, aby zostali na webe dlhšie, spotrebúvali viac obsahu a dosahovali svoje ciele v oblasti konverzie; všetko dobré, inými slovami.

Navigačné ponuky sú však neoddeliteľnou súčasťou celkového dizajnu vašej stránky: koniec koncov sa zobrazujú na každej jednej stránke. Nezabudnite: vizuálne ohromujúce navigačné menu môže spôsobiť, že priemerný web vyzerá skvele, a opak je tiež pravdou.

Tvorba a navrhovanie vašich navigačných ponúk je preto ľahkým rozhodnutím z estetického a navigačného hľadiska.

Našťastie existuje veľa vynikajúcich doplnkov pre používateľov systému WordPress. V tomto článku ich preskúmame, aby sme vám priniesli našich sedem obľúbených položiek. A keďže všetky doplnky v tomto zozname sú plne citlivé, používatelia mobilných zariadení ich tiež môžu tešiť.

Tu ideme, sedem najlepších responzívnych doplnkov ponuky pre WordPress (vrátane bezplatných a prémiových doplnkov).

V žiadnom konkrétnom poradí …

1, UberMenu (19 dolárov)

Začnime snáď najsilnejším doplnkom ponuky zo všetkých: UberMenu. Tento doplnok je s viac ako 60 000 stiahnutiami neuveriteľne populárny a na treťom mieste v rebríčku najlepších najpredávanejších doplnkov spoločnosti CodeCanyon všetkých čias.

Doplnok UberMenu vám umožňuje vytvárať niektoré z najkrajších ponúk, ktoré nájdete vo svete WordPress. Nazývané „mega menu“, môžu byť neuveriteľne zložité, s neobmedzenou úrovňou podponuiek, ktoré si návštevníci môžu prezrieť. Pokiaľ ide o zlepšenie navigácie, mega ponuky sú neporovnateľné.

UberMenu umožňuje pridávať obrázky, ikony a popisy k položkám ponuky.

Hlavným predajným miestom doplnku je rozšírený obsah, ktorý môžete pridať do svojich mega ponúk. Pre začiatočníkov to zahŕňa obrázky, Mapy Google a mriežky blogových príspevkov. UberMenu dokáže pre tieto siete dokonca dynamicky extrahovať obsah blogov na základe premennej podľa vášho výberu – premennou môže byť napríklad kategória príspevku, typ príspevku, rodič alebo autor. Doplnok tiež automaticky pridá odporúčaný obrázok z príspevkov do mriežky, aby ponuky vždy dobre vyzerali.

Okrem toho sa UberMenu integruje aj s miniaplikáciami a skratkami tretích strán. To znamená, že do svojich ponúk môžete začleniť funkcie z iných doplnkov, aby ste mali ešte lepší zážitok pre návštevníkov.

Snímka obrazovky s mapou Google a kontaktný formulár zabudovaný do UberMenu

Pomocou služby UberMenu môžete do svojich ponúk pridávať mapy a kontaktné formuláre.

Ako by ste očakávali od doplnku, ktorý kladie dôraz na dizajn, UberMenu sa dodáva s mnohými možnosťami prispôsobenia. Patrí medzi ne 25 najpopulárnejších písiem Google, ako aj veľkosť písma a nekonečné farby. Môžete tiež načítať vlastný obrázok na pozadí pre každú položku ponuky.

Pri takej všestrannosti by vám malo byť odpustené, že ste si mysleli, že zostavenie týchto ponúk bude ťažké. Nie je tomu tak však vďaka intuitívnemu generátoru doplnkov.

Generátor vám umožňuje vytvárať ponuky pomocou responzívnych sietí s až 12 stĺpcami, ktoré môžete vyplniť blokmi obsahu. Ak chcete tieto bloky prispôsobiť, jednoducho kliknite na požadovaný blok a program UberMenu vám ukáže dostupné možnosti. Môžete tiež vidieť, že vaše menu ožije v reálnom čase pomocou programu WordPress Customizer – táto funkcia živého náhľadu je neoceniteľná.

UberMenu vytvára všestranný rozsah typov menu a pod-menu. Môžete ho dokonca stlmiť a vytvoriť tak plávajúce ponuky v starej škole.

Snímka obrazovky rozbaľovacej ponuky UberMenu

Použite UberMenu na vytvorenie tradičnejších štýlov ponúk výberom pohyblivej možnosti.

Alebo si môžete urobiť maximum a kombinovať rôzne možnosti v jednom menu – celý shebang.

Snímka obrazovky UberMenu so všetkými rôznymi typmi obsahu.

Alebo využite všetky možnosti programu UberMenu a kombinujte rozbaľovacie ponuky, početné obrázky na pozadí a rôzne kategórie obsahu.

Výsledky sú skutočne pôsobivé, však? Ak chcete, môžete ponuky vyrovnať aj vertikálne. Tieto ponuky podporujú rovnaké funkcie a funkcie, ale so zvislým zarovnaním.

Snímka obrazovky vertikálnej ponuky vytvorenej pomocou programu UberMenu.

Chcete ušetriť miesto v hornej časti obrazovky? Umiestnite UberMenu na boku stránky bez straty funkcií.

Teraz, keď UberMenu plne reaguje, zložitý dizajn mega ponúk by mohol spôsobiť, že budú menej vhodné pre menšie zariadenia. Ak si myslíte, že tomu tak je, vývojári spoločnosti UberMenu poskytli používateľom bezplatný doplnok pre mobilné zariadenia: ShiftNav. To vám umožní vytvárať navigačné ponuky v štýle aplikácií pre mobilných používateľov.

Nakoniec stojí za zmienku, že v dôsledku nezastaviteľnej popularity systému UberMenu vývojári vydali štyri oficiálne rozšírenia.

Rozšírenia sú k dispozícii za $ 8 každý alebo okolo 19 dolárov, ktoré zarobíte.

2, Max Mega Menu (ZADARMO)

Doplnok Max Mega Menu

Funkcie ponuky „Mega Menu“ sú pomerne pokročilé, čo znamená, že ich zvyčajne nájdete iba v prémiových doplnkoch. Ak však viete, kde hľadať, nájdete ho zadarmo.

Predstavujeme Max Mega Menu, vynikajúci doplnok mega menu dostupný v oficiálnom úložisku doplnkov WordPress. Po nainštalovaní a aktivácii doplnku sa vaše existujúce ponuky WordPress automaticky aktualizujú na mega ponuky.

Snímka obrazovky ponuky mega max s niektorými obrázkami.

Mega ponuky, ktoré môžete vytvoriť pôsobivo, nie je to zlé pre bezplatný doplnok!

Vytváranie ponúk je jednoduché, s láskavým dovolením generátora drag and drop. Môžete si tiež zobraziť ukážku v reálnom čase a robiť štýlové rozhodnutia na cestách.

Keď už hovoríme o štýle, ponuka Max Mega Menu má takmer nekonečné možnosti prispôsobenia. Písma, veľkosti, farby a ikony sú iba špičkou ľadovca s viac ako 100 podporovanými prispôsobeniami. Vstavané sú aj niektoré skvelo vyzerajúce animácie CSS3, ktoré uľahčujú videnie ponúk.

Ako pri každom doplnku mega menu, môžete si vytvoriť aj dosť komplikované ponuky. Môžete k nim pridať veľa skvelých vecí vrátane obrázkov a dynamického obsahu (napríklad mapy) a keďže ponuka Max Mega Menu vám umožňuje pridávať widgety do ponúk, môžete integrovať aj funkčnosť ďalších doplnkov. To znamená, že môže obsahovať funkcie, ako sú kalendáre, videá a kontaktné formuláre.

Snímka obrazovky ponuky Max Mega s kalendárom, kontaktným formulárom a mapou.

Snímka obrazovky zobrazuje iba niektoré widgety, ktoré môžete pridať do svojich ponúk.

Najlepšie zo všetkého je, že ponuka Max Mega Menu je jedným z najrýchlejších doplnkov mega ponuky a váži menej ako 2 kb a štýly sú obmedzené na jeden súbor CSS.

Ak sa vám páči to, čo vidíte, zvážte inováciu na pouhých 19 dolárov. Verzia Pro vám umožní pridať do ponúk okrem platených funkcií aj platené funkcie WooCommerce a Easy Digital Download.

3, Superfly (22 dolárov)

Doplnok Superfly

Ak uprednostňujete vertikálne ponuky pred tradičným horizontálnym zarovnaním, pozrite si doplnok Superfly. Funguje tiež ako fantastický priestorový šetrič, ktorý vám umožňuje používať všetky rozmery obrazovky.

To sa dosiahne skrytím ponuky za prepínačom v hornom rohu. Po kliknutí sa ponuka skĺzne do zobrazenia, takže návštevníci budú mať voľnosť pri prehliadaní vašich webových stránok; Môžete si však tiež zvoliť trvalé pripnutie ponuky na jednu stranu obrazovky.

Prečo chcete vertikálne zarovnané menu? Pre začiatočníkov sa považujú za prístupnejších pre mobilné zariadenia. Nájdete ich tiež menej často, vďaka čomu sú pekným doplnkom každej webovej stránky. A nie je prekvapením, že Superfly podporuje množstvo možností stylingu, vďaka ktorým je tento neobvyklý typ menu ešte viac pútavý.

Snímka obrazovky ponuky Superfly vľavo

Ponuky Superfly sa posúvajú do pohľadu z boku obrazovky.

Doplnok sa dodáva s knižnicou ikon, veľa písiem Google a plnofarebné prispôsobenie. Môžete tiež nahrať vlastné obrázky pre svoje ponuky, od obrázka na pozadí po logo zobrazené v hornej časti ponuky. Môžete tiež integrovať widgety alebo krátke kódy z iných doplnkov alebo vytvoriť vlastné štýly HTML. Môžete dokonca prispôsobiť rozloženie, tvar a umiestnenie aktivačného tlačidla ponuky.

Pretože ponuky sa otvárajú na obrazovke, sú podporované až štyri úrovne submenu. Dodatočné úrovne vyzerajú rovnako pôsobivo a môžu byť nakonfigurované v jedinečnom štýle, ako ukazuje nasledujúci obrázok.

Snímka obrazovky zobrazujúca podponuku Superfly

Superfly vám umožňuje vytvárať jedinečné vzory pre každú úroveň vášho menu.

Pretože tieto nepredvídateľné ponuky nemusia vyhovovať každej situácii, Superfly ponúka niekoľko nastavení orientácie stránky. Tu si môžete vybrať, či chcete zakázať ponuky Superfly pre určité skupiny používateľov, napríklad pre používateľov počítačov alebo na konkrétnych stránkach.

Jedna posledná funkcia: Môžete tiež pridať tlačidlá zdieľania sociálnych médií v dolnej časti ponúk s viac ako desiatimi podporovanými sociálnymi médiami. Dúfajme, že to povedie k ďalším spoločenským akciám pre váš obsah.

4, Prijímajúce menu (ZADARMO)

Responzívny doplnok ponuky

Ak máte radi vertikálne ponuky Superfly, ale nemáte rozpočet, môže vás zaujímať doplnok Responsive Menu Plugin. Tento doplnok vytvára skvelo vyzerajúce vertikálne ponuky a môžete si ich zadarmo stiahnuť z oficiálneho adresára doplnkov.

V prípade bezplatného doplnku sa ponuka Responsive Menu dodáva s impozantným počtom prispôsobení – v skutočnosti viac ako 150. Tieto pokrývajú všetky obvyklé prispôsobenia (písmo, veľkosť, zarovnanie a farbu) a tiež môžete načítať vlastné pozadie, logá a ikony – čo vám umožní pridať do svojich ponúk osobný dojem.

Snímka obrazovky ponuky vytvorenej pomocou ponuky Responsive Menu

Do ponúk môžete pridať obrázky na pozadí a vyhľadávací panel.

Doplnok ukotvuje jednoduché tlačidlo ponuky v pravom hornom rohu obrazovky a po kliknutí na toto tlačidlo sa ponuka posúva na zobrazenie s krásnym animačným efektom. Pretože ponuky zaberajú v porovnaní so Superfly omnoho viac obrazovky, každá nasledujúca úroveň sa otvára skôr nadol, ako je uvedená na nasledujúcom obrázku.

Snímka obrazovky zobrazujúca podponuky s responzívnym menu

Kliknutím otvoríte položky podponuky namiesto nich.

Medzi ďalšie užitočné funkcie patrí funkcia vyhľadávania pre vaše ponuky a možnosť vybrať, na ktorých obrazovkách sa budú zobrazovať ponuky veľkostí obrazovky.

Ak sa vám páči bezplatná verzia, je k dispozícii verzia 14,99 dolárov, ktorá prináša funkcie živého náhľadu, písma FontIcons a animované položky ponuky.

5, Hero Menu (19 dolárov)

Doplnok ponuky Hrdina

Vráťte sa späť do mega ponúk pomocou nášho ďalšieho doplnku: Hero Menu. Doplnok má veľa možností prispôsobenia a veľa možností prispôsobenia, čo znamená, že môžete vytvoriť takmer nekonečné rozloženie ponuky.

Ponuka Hero Menu sa dodáva s viac ako 250 bezplatnými ikonami a ponuky si môžete prispôsobiť výberom 650 písiem Google a nekonečných farieb. Aby ste pomohli tým z vás, ktorým chýba prirodzený talent pre dizajn, nájdete tiež 60 úžasných farebných predvolieb vytvorených tímom odborných grafických dizajnérov.

Snímka ponuky hrdinu

Zobrazte všetok skvelý obsah, ktorý môžete pridať do ponuky pre hrdinu

Doplnok tiež robí vytváranie menu hračkou, vďaka jeho optimalizovanému užívateľskému rozhraniu. Je to všetko drag and drop, čo vám umožňuje pridať hĺbku do svojich ponúk, meniť usporiadanie položiek ponuky a ľahko upravovať rozloženie.

Hero Menu podporuje všetok obvyklý obsah v mega menu: obrázky, videá, mapy a obsah blogov, ako aj krátke kódy a widgety z iných doplnkov. Hero Menu však podporuje aj WooCommerce, čo znamená, že do svojich ponúk môžete pridávať produkty, ceny a miniatúry. Môžete tiež ľahko aktivovať funkciu vyhľadávania a tlačidlá na zdieľanie na sociálnych sieťach.

Snímka obrazovky zobrazujúca integráciu WooCommerce a Hero Menu

Do ponuky môžete dokonca pridať produkty WooCommerce.

Doplnok je tiež dodávaný s funkciou „pevnej ponuky“, čo znamená, že zostane pripnuté v hornej časti obrazovky, aj keď návštevník prejde nadol po stránke. A keď Hero Menu zistí, že návštevníci používajú menšie zariadenia, automaticky skondenzuje ponuky na niečo, čo je pre mobilné zariadenia vhodnejšie.

Nakoniec Hero Menu upraví, ktoré menu si návštevník v závislosti od svojej užívateľskej role WordPress zobrazí ako užitočnú funkciu, ak si vyžaduje, aby sa návštevníci prihlásili.

6, WP Response Menu (ZADARMO)

Doplnok ponuky WP Responsive Menu

Ďalší freebie nižšie: Doplnok ponuky WP Responsive Menu Plugin, ktorý sa špecializuje na vytváranie posuvných mobilných ponúk.

Pretože je doplnok zameraný na mobilných používateľov, mnoho jeho hlavných funkcií je špeciálne prispôsobených funkciám mobilných telefónov. Návštevníci sa môžu pohybovať v ponukách prstom a navyše môžu priblížením priblížiť dotykové obrazovky.

Môžete tiež nakonfigurovať špecifickú ponuku pre návštevníkov na menších zariadeniach a zakázať nechcené položky. Návštevníci pracovnej plochy uvidia predvolenú ponuku s úplným zoznamom možností.

Snímka obrazovky doplnku WP Responsive Menu

Ponuky môžete nastaviť tak, aby sa posúvali z hornej, ľavej alebo pravej časti obrazovky. Môžete tiež určiť šírku ponúk, buď v pixeloch, alebo ako percento z obrazovky.

Existuje tiež veľa možností prispôsobenia. Môžete načítať logo ponuky, ako aj prispôsobiť všetky farby (pozadie, text a orámovanie) a text ponuky. V dolnej časti ponuky môžete dokonca zahrnúť funkciu jednoduchého vyhľadávania.

Najlepšie zo všetkého je, že nastavenie je neuveriteľne efektívne, čo znamená, že by mohlo byť v prevádzke o niekoľko minút.

7, Plávajúce menu WP (17 USD)

Doplnok WP Floating Menu Pro

Posledný doplnok, ktorý sa objaví v dnešnom zozname, je ďalším zaujímavým doplnkom: WP Floating Menu Pro. Ako už názov napovedá, doplnok vytvára „plávajúce“ ponuky a vyzerajú skvele.

Doplnok vytvára dva typy ponúk:

  • navigácia na stránke
  • Pevné ponuky: Tento typ ponuky odkazuje na viac adries URL, napríklad na typickú ponuku WordPress.

Žiadny iný doplnok v tomto zozname neponúka jednostránkovú navigáciu, preto sa na to zamerajte. Jednostránková funkcia navigácie je zameraná na webové stránky vytvorené na jednej stránke. Tieto webové stránky sú zvyčajne rozdelené do niekoľkých sekcií; nájdete napríklad sekciu alebo kontaktný formulár.

Snímka obrazovky WP Floating Menu Pro

Kliknutím na ikony napravo môžu návštevníci prejsť na ktorúkoľvek časť jednostránkového webu.

V prípade navigačných ponúk na stránke, keď návštevník klikne na jednu z ikon, automaticky „skočí“ do tejto časti stránky. To znamená, že ponuka sa používa na navigáciu hore a dole po stránke priamo do sekcie, ktorú chce návštevník: „online“ ponuka. Znie to dobre, však?

Okrem tejto dosť zaujímavej funkcie prichádza program WP Floating Menu Pro s mnohými štýlmi prispôsobenia. Pre začiatočníkov je k dispozícii 13 preddefinovaných šablón, ktoré ponúkajú rôzne štýly tlačidiel, farebné schémy a animačné efekty. Každá šablóna je však plne prispôsobiteľná a navyše si môžete vytvoriť svoj vlastný štýl od nuly, takže svoje ponuky môžete prispôsobiť štýlu svojho webu.

S menšími tlačidlami v týchto ponukách sú ikony dôležitým konštrukčným prvkom a doplnok sa dodáva s tromi sadami: ikony na prístrojovej doske, ikony FontAwesome a všeobecné ikony. Program WP Floating Menu Pro obsahuje aj ponuky prístupné pre mobilné zariadenia, ktoré môžete aktivovať stlačením jediného tlačidla.

Záverečné myšlienky

Týmto sa uzatvára naše zhrnutie najlepších responzívnych doplnkov ponuky pre WordPress. Doplnky v tomto zozname podporujú rôzne typy ponúk: mega ponuky, vertikálne ponuky, ponuky priateľské k mobilu a jednostránkové ponuky.

Ktorý z nich je pre váš web vhodný? To záleží. Výber správneho doplnku ponuky je dôležitým rozhodnutím, pretože ponuky slúžia dôležitej funkcii, navigácii a sú základnou súčasťou estetiky vášho webu. Inými slovami, urobte si čas a nezabudnite urobiť toto rozhodnutie správne.

Osobne milujem štýl mega ponúk: upozorňujú, môžete im tiež pridať veľa skvelých vecí. Pravdepodobne sa však najlepšie hodia pre webové stránky s mnohými rôznymi stránkami; Webové stránky, na ktorých sa vyžaduje skutočne komplexné navigačné menu.

Na druhej strane, vertikálne štýly menu sú ideálne pre webové stránky, ktoré potrebujú maximalizovať využitie priestoru. Menu je skryté za pákou, čo znamená, že jeho obsah vyplní celú obrazovku, ideálne pre webové stránky s obrázkom alebo videom na celú obrazovku.

S bezplatnými doplnkami v každej kategórii odporúčam vyskúšať niekoľko rôznych štýlov ponuky a zistiť, ktorý z nich preferujete. Potom, keď viete, aký štýl sa vám páči, pozrite sa na niektoré z prémiových možností a zistite, ktorý doplnok budete v budúcnosti používať. Vďaka mnohým ďalším funkciám a funkciám sú prémiové možnosti skutočne lepšie ako tie bezplatné.