Sfaturi, trucuri și cele mai bune pluginuri pentru personalizarea meniurilor WordPress

Publicat: 2018-04-04

Meniurile sunt una dintre cele mai vitale părți ale fiecărui site web. Acestea sunt omniprezente și îndrumă utilizatorii pe blogul dvs. Și, deși este relativ ușor să adăugați un meniu de navigare în WordPress, puteți face mult mai mult pentru a-l personaliza pentru site-ul dvs. web.

Indiferent dacă este o pictogramă mică pe care doriți să o aveți în meniu sau doriți un sistem complet diferit care să o gestioneze, acest ghid are totul. Consultați sfaturi, trucuri și câteva dintre cele mai bune pluginuri de meniu pe care le-am pregătit pentru dvs. în acest ghid:

Adăugați pictograme în meniul dvs. WordPress
Adăugați butonul de conectare / deconectare la meniu
Afișați meniurile WordPress oriunde doriți
Cum să adăugați o casetă de căutare în meniul dvs. WordPress
Cum se face ca meniul de navigare să rămână în partea de sus a paginii
Asigurați-vă meniul de navigare lipicios cu pluginuri
Cum se elimină elementele de meniu de nivel superior din WordPress
Top 4 pluginuri de meniu pentru WordPress
Cele mai bune pluginuri pentru meniul mobil WordPress

Adăugați pictograme în meniul dvs. WordPress

Crearea unui meniu în WordPress nu a fost niciodată mai ușoară. Tot ce trebuie să faceți este să generați pagini și să le adăugați lângă pagina dvs. de pornire. Meniul principal de navigare va fi realizat cu doar câteva clicuri, dar probabil va arăta foarte simplu.

Există numeroase pluginuri care vă pot ajuta să creați un meniu de navigare uimitor din punct de vedere vizual. Puteți, desigur, să vă codificați unul dacă știți cum, dar există o modalitate mai simplă de a vă face meniul obișnuit mai ușor de utilizat - prin adăugarea de pictograme.

Icoanele au devenit ceva fără de care nu putem trăi . Când căutați ceva în tabloul de bord WordPress, pe desktop sau pe smartphone și tabletă, probabil că sunteți obișnuiți să utilizați pictograme. După doar câteva ori de utilizare a unei noi aplicații, este mai probabil să vă amintiți pictograma acesteia decât tot textul descriptiv care vine cu ea. Deci, de ce nu ați pune o pictogramă lângă elementul de meniu și lăsați oamenii să navigheze cu ușurință pe site-ul dvs.?

Pictograme meniu

PRET: Gratuit

Dacă nu știi cum să faci asta, nu-ți face griji, de aceea ești aici. În această parte a ghidului, nu vă vom deranja cu codificarea personalizată, dar vă vom arăta pur și simplu un plugin gratuit, pe care îl puteți configura în următoarele câteva minute .

Accesați Plugins-> Add New
Căutați „Pictogramele meniului”
Instalați și activați pluginul
Navigați la Aspect -> Meniuri
Deschideți meniul de navigare
Selectați o pagină sub structura meniului pentru care doriți să selectați o pictogramă
Alegeți pictograma, modificați poziția și dimensiunea acesteia
Salvați meniul

Asta e! Acum, găsiți câteva pictograme interesante pe care le doriți în meniul dvs. și bucurați-vă de noul dvs. design. În timp ce lucrați încă cu pictograme, nu uitați că puteți adăuga cu ușurință un favicon și pe blogul dvs. WordPress.

Adăugați butonul de conectare / deconectare la meniu

Una dintre multele caracteristici WordPress pe care le iubim este modalitatea sa ușoară de a înregistra noi utilizatori. Controlul diferitelor roluri de utilizator pe platforma populară nu ar putea fi mai ușor; există deja roluri înregistrate pe care le puteți atribui și puteți crea chiar și numeroase roluri de utilizator personalizate pentru nevoile site-ului dvs.

În timp ce înregistrarea acestora este rapidă și ușoară, îngrijirea utilizatorilor dvs. poate fi o muncă grea . Dar trebuie să faceți tot ce vă stă în putință pentru a face experiența lor pe site cât mai bună.

Unul dintre multele lucruri pe care le-ați putea face este să activați un mod ușor de conectare și deconectare de pe site-ul dvs. Pentru a face legăturile de conectare / deconectare întotdeauna la îndemâna utilizatorilor, puteți pune aceste legături direct în meniul dvs. principal. În primul rând, având aceste linkuri în meniu sunt foarte practice și, în al doilea rând, utilizatorii dvs. s-au obișnuit probabil cu funcția din diferite alte aplicații care utilizează același mod de conectare și deconectare.

În acest caz, nu este nevoie să luați un alt plugin. O funcție WordPress simplă pe care o vom arăta în această parte a articolului poate face o treabă excelentă pentru dvs. Acesta va plasa automat linkul corect în meniul dvs. Asta înseamnă că, în timp ce un utilizator este deconectat, va primi linkul „logare” și invers. Nici dvs., nici utilizatorul nu va trebui să vă faceți griji din nou despre butoanele de autentificare.

Dacă sunteți gata să adăugați această funcție de conectare simplă, dar îngrijită la meniu, iată ce va trebui să faceți:

Funcții deschise.php
Copiați și lipiți următoarele:

 funcție add_login_logout_link ($ articole, $ args) {
$ loginoutlink = wp_loginout ('index.php', fals);
$ articole. = '<li>'. $ loginoutlink. '</li>';
returnează $ articole;
}
add_filter ('wp_nav_menu_items', 
'add_login_logout_link', 10, 2);

Salvează modificările

La fel ca în majoritatea fragmentelor noastre, ați terminat pur și simplu prin copierea și lipirea funcției în fișier. După ce ați terminat, puteți continua și reîncărca pagina de pornire. Deoarece sunteți încă conectat, veți primi linkul „deconectare” în ultimul loc al meniului principal. Asigurați-vă că verificați întreaga funcție, așa că încercați să vă deconectați și să vă întoarceți pentru a vă asigura că totul este în regulă.

Acum că ați terminat cu această mică funcție, nu uitați că puteți redirecționa cu ușurință utilizatorii către o altă pagină după o autentificare reușită sau chiar să afișați conținut numai utilizatorilor conectați sau deconectați.

De asemenea, acum că aveți un meniu personalizat, s-ar putea să fiți interesat să îl afișați oriunde pe site, oferind un shortcode personalizat.

Ne place să personalizăm WordPress cu fragmente mici ca acesta, ce zici de tine?

Afișați meniurile WordPress oriunde doriți

După ce WordPress a ajuns la versiunea 3.0, multe lucruri au devenit mai ușor de utilizat. Printre diferitele caracteristici noi, crearea unui meniu de navigare a devenit accesibil oricui și astăzi toată lumea își poate construi propriile meniuri cu câteva clicuri simple ale unui buton al mouse-ului.

În timp ce creați meniuri în care puteți conecta cu ușurință orice postare, pagină, categorie sau orice link extern este o bucată de tort, afișarea meniului în diferite locuri de-a lungul site-ului dvs. poate fi o mușcătură puțin mai mare pentru cei care nu sunt în dezvoltarea WordPress.

În funcție de tema WordPress pe care o utilizați, puteți afișa cu ușurință un meniu nou creat în partea de sus a paginii dvs., unde suntem obișnuiți să găsim navigare. Este posibil să aveți opțiunea de a plasa meniul pe bara laterală sau chiar chiar în jos în zona de subsol, dar dacă ați dori să afișați meniul în postările, paginile dvs. sau chiar în widget?

Nu, nu trebuie să creați liste personalizate sau să tastați din nou întregul cod HTML pentru a reproduce linkurile; puteți profita de codurile scurte și puteți plasa un meniu existent oriunde doriți!

În rândurile următoare, urmează să vă arătăm cum să faceți acest lucru și suntem siguri că vă va plăcea noua funcție „meniu în codul scurt”.

Creați un shortcode și afișați meniurile WordPress oriunde doriți

Deschideți fișierul functions.php
Copiați și lipiți codul care va înregistra codul scurt:

 function menu_function ($ atts, $ content = null) {
 extrage(
 shortcode_atts (
 matrice ('nume' => nul,),
 $ atts
 )
 );
 returnează wp_nav_menu (
 matrice (
 'menu' => $ nume,
 'echo' => false
 )
 );
 }
 add_shortcode ('menu', 'menu_function');

Salvează modificările

Imediat după ce salvați modificările, veți putea afișa meniurile WordPress oriunde doriți. Tot ce trebuie să faceți este să notați codul scurt unde trebuie să specificați numele meniului pe care îl veți folosi:

[nume meniu = ”meniu principal”]

În majoritatea cazurilor, meniul dvs. principal va avea atașat numele „meniului principal”. Dar dacă doriți să utilizați orice alt meniu, pur și simplu introduceți numele acestuia în shortcode. Nu trebuie să știți fiecare nume de meniu pe de rost; în schimb, navigați la Aspect -> Meniuri și răsfoiți lista de meniuri sau creați altele noi.

Deoarece acum puteți afișa meniurile WordPress practic oriunde, puteți crea numeroase navigări pe care le veți folosi pe site-ul dvs. WordPress. Puteți avea unul într-o postare, altul în fișiere șablon, un widget text etc.

Cum să adăugați o casetă de căutare în meniul dvs. WordPress

Cu excepția cazului în care ați eliminat funcția, WordPress permite vizitatorilor dvs. să caute pe întregul site. Am menționat această funcție interesantă de mai multe ori și v-am arătat diferite lucruri pe care le puteți face cu paginile dvs. de căutare. De exemplu, puteți redirecționa cu ușurință utilizatorii către postare dacă a fost găsit un singur rezultat sau chiar puteți configura o căutare Google personalizată.

Dacă ați parcurs widget-urile standard WP, probabil că ați văzut că există un widget de căutare gata să fie plasat pe o bară laterală . Dar dacă doriți ca caseta de căutare să apară lângă meniu?

În rândurile următoare, vă vom arăta o funcție care vă va prelua caseta de căutare zilnică și o va pune în meniul de navigare.

Adăugați o casetă de căutare în meniu:

Funcții deschise.php
Copiați și lipiți următoarele:

 add_filter ('wp_nav_menu_items', 'add_search_box', 
10, 2);
funcție add_search_box ($ articole, $ args) {
$ articole. = '<li>'. get_search_form (false). 
„</li>”;
returnează $ articole;
}

Salvează modificările

Pentru a vă asigura că codul va funcționa pentru dvs., asigurați-vă că aveți deja un meniu de navigare adăugat pe site-ul dvs.

Codul este destul de simplu și singura sa funcție este de a adăuga caseta de căutare în meniul de navigare . Cel mai probabil, caseta dvs. de căutare nu va fi aliniată acolo unde ați dorit să fie. Asta înseamnă că va trebui să îi spuneți WordPress unde să pună caseta de căutare:

Adăugați o clasă la <li> etichetă găsită pe a treia linie de cod:

 $ items. = '<li class = ”searchbox-position”>'. 
get_search_form (false). „</li>”

Salvează modificările
Stil deschis.css
Copiați și lipiți codul CSS:

 .searchbox-position {
 marginea de sus: 15 px;
 margine-dreapta: 20px;
 }

Schimbați codul după cum doriți
Salvează modificările

Sperăm că ați cuibat caseta chiar lângă meniul dvs. Nu este nevoie de mult pentru a se potrivi cu cutia unde doriți. Nu uitați să stilizați caseta de căutare în sine și să vă bucurați de această funcție.

Dacă doriți mai mult control asupra meniului și casetei de căutare, verificați cum să adăugați pictograme în meniu și cum să adăugați o opțiune de căutare vocală pentru vizitatorii cărora le place să-și dicteze termenii de căutare. Puteți face mult mai multe atât cu meniul cât și cu opțiunile de căutare, așa că testați caseta noastră de căutare și aflați ceva nou.

Cum se face ca meniul de navigare să rămână în partea de sus a paginii

Probabil ați văzut site-uri web unde meniurile de navigare rămân în partea de sus a paginii și vă urmăresc la fiecare pas din aventura dvs. de derulare . Această caracteristică ar putea fi ceva pe care îl doriți pe site-ul dvs. WordPress și, în această parte a ghidului, urmează să vă arătăm cum să creați una.

Nu numai că are o latură funcțională în care meniul este întotdeauna disponibil la îndemâna mâinii, dar poate arăta și foarte frumos și fluid.

Dacă aveți un pic de cunoștințe CSS, nu veți avea probleme cu meniul dvs. lipicios. Trebuie doar să adăugați o bucată de cod în fișierul Style.css, după care să vă puteți bucura de noua funcție de meniu.

Deschideți foaia de stil (style.php)
Găsiți .nav-menu sau .genesis-nav-menu (sau similar, în funcție de tema pe care o utilizați)
Utilizați următorul cod pentru containerul din meniul principal:

 .nav-menu {
 poziție: fixă;
 fundal: # 333;
 sus: 0px;
 dreapta: 0px;
 stânga: 0px;
 indice z: 99;
 }

După cum puteți ghici din cod, partea importantă vine la a doua linie în care trebuie să stabiliți poziția meniului . După aceea, puteți seta elementele de sus, dreapta și stânga la 0 pixeli sau le puteți muta la orice distanță de sus sau de la marginea stângă și dreaptă a paginii (de exemplu: sus: 10 px va plasa meniul dvs. la 10 pixeli de la marginea superioară a site-ului dvs.).

Actualizați fișierul și bucurați-vă de meniul de navigare lipicios

Dacă nu vă place să vă deranjați cu codul, puteți utiliza pluginuri pentru a vă face meniurile lipicioase.

Asigurați-vă meniul de navigare lipicios cu pluginuri

V-am învățat cum să creați un meniu de navigare lipicios prin simpla schimbare a unei linii de cod CSS în tema dvs. Dar, oricât de ușor ar fi acest lucru, nu tuturor le place să treacă prin fișiere WordPress și să editeze singur codul. Dacă sunteți acel tip de persoană sau aveți nevoie de mai mult control asupra meniului, nu vă faceți griji. Puteți configura cu ușurință meniul și îl puteți face lipicios folosind pluginuri . În această parte a articolului, vă vom arăta unele dintre cele mai bune.

UberMenu Sticky Extension

PREȚ: 8 USD

UberMenu Sticky Extension este un supliment pentru pluginul UberMenu, ceea ce înseamnă că trebuie să instalați mai întâi acest plugin pentru ca extensia să funcționeze. Extensia face totul simplu; după instalare, sunteți gata să vă faceți meniul lipicios. Indiferent unde vă așezați meniul, odată ce un utilizator începe să deruleze, meniul va rămâne în partea de sus a paginii și îl va face ușor accesibil.

Pentru a vă asigura că utilizatorii de telefonie mobilă pot accesa fiecare parte a meniului, opțiunea lipicioasă se oprește odată ce un dispozitiv mobil este detectat. Nu sunt multe de adăugat aici - consultați demo-ul de pe site-ul oficial și dacă aveți deja UberMenu, continuați și faceți meniul lipicios.

meniul meuSticky

PRET: Gratuit - DEMO

Acest plugin este conceput pentru a fi utilizat pe tema Twenty Thirteen. Dar dacă îl modificați puțin, îl puteți folosi pe orice temă doriți. În mod implicit, utilizează clasa CSS de navigare a temei „.navbar”. Deci, dacă doriți să o utilizați pe o altă temă, trebuie să găsiți clasa pe care tema dvs. o folosește pentru a descrie meniul de navigare și să schimbați numele acelei clase.

Dacă tema dvs. este receptivă, pluginul va fi, de asemenea, receptiv. Dacă doriți să îl modificați mai mult, sunteți binevenit să introduceți stilurile CSS personalizate și să vă personalizați meniul lipicios.

Meniu lipicios (sau orice altceva!) Pe Derulare

PRET: Gratuit

Acest plugin vă va permite să plasați meniul deasupra și să îl faceți lipicios. Dar nu numai asta, pluginul vă va permite să faceți orice element lipicios doar găsind selectorul potrivit pentru element. Asta înseamnă că puteți crea logo-ul sau chiar întregul antet blocat în partea de sus a paginii în timp ce utilizatorii parcurg site-ul dvs. web. Pentru ca totul să funcționeze, va trebui să știți puțin despre HTML și CSS, astfel încât să puteți găsi selectorul potrivit.

Cum se elimină elementele de meniu de nivel superior din WordPress

Probabil știți deja că WordPress este extrem de personalizabil. Dacă știi cum să codezi sau măcar să găsești pluginurile potrivite, poți să transformi backend-ul, precum și frontendul și să prezinți un site unic vizitatorilor și autorilor tăi.

În această parte, vă vom arăta un cod simplu care vă va permite să eliminați elementele de meniu de nivel superior din paginile de administrare WordPress.

Codul pe care îl puteți găsi mai jos va elimina toate elementele de meniu de nivel superior pentru toți utilizatorii în loc de administratori . Înainte de a continua, trebuie să știți că acest fragment doar elimină elementele de meniu, dar că aceste articole vor fi în continuare disponibile pentru oricine cunoaște calea corectă către o pagină de setări. Dacă doriți să restricționați complet accesul la anumite pagini din meniu, va trebui să schimbați capacitățile utilizatorului.

Eliminați elementele de meniu de nivel superior:

Deschideți fișierul functions.php
Copiați și lipiți următorul cod:

 if (! current_user_can ('manage_options'))) {
add_action ('admin_menu', 'my_remove_menus', 999);
}
function my_remove_menus () {
remove_menu_page ('index.php'); //Bord
remove_menu_page ('edit.php'); // Postări
remove_menu_page ('upload.php'); //Mass-media
remove_menu_page ('edit.php? post_type = page'); // Pagini
remove_menu_page ('edit-comments.php'); // Comentarii
remove_menu_page ('themes.php'); //Aspect
remove_menu_page ('plugins.php'); // Pluginuri
remove_menu_page ('users.php'); // Utilizatori
remove_menu_page ('tools.php'); // Instrumente
remove_menu_page ('options-general.php'); // Setări
}

Salvează modificările

Deoarece acest cod elimină toate meniurile de nivel superior pe care probabil nu doriți să le faceți, nu ezitați să modificați codul în funcție de nevoile dvs. Fiecare linie „remove_menu_page” este însărcinată cu eliminarea unei pagini (care este descrisă între paranteze, precum și în comentariul de lângă linia de cod). Pur și simplu adăugați sau eliminați o pagină pe care doriți să o lipsească din meniu și salvați modificările încă o dată.

Acum că ați învățat cum să eliminați paginile de nivel superior din meniu, vă recomandăm să eliminați doar unele dintre subpagini care se află sub cele de nivel superior.

Top 4 pluginuri de meniu pentru WordPress

Odată ce ați început să construiți noul dvs. site web, mai devreme sau mai târziu veți avea nevoie de un meniu. Puteți crea una folosind o opțiune de meniu standard în WordPress, dar dacă doriți una mai profesională, va trebui să vă cunoașteți codurile HTML și CSS. Asta înseamnă, de asemenea, că veți petrece ceva timp proiectând totul pentru a funcționa perfect și pentru a arăta frumos în același timp.

Dar dacă aveți nevoie de o soluție mai rapidă sau pur și simplu nu știți cum să vă codificați propriul meniu de lux, WordPress vă permite să instalați câteva plugin-uri grozave care sunt concepute pentru a crea meniuri superbe în doar câteva clicuri. Fără nicio comandă specială, iată câteva dintre cele mai bune pluginuri de meniu pentru WordPress.

Meniu Uber

PREȚ: 20 USD - DEMO

Cu peste 43.000 de vânzări, Uber Menu este unul dintre cele mai populare pluginuri pentru WordPress . După ce deschideți site-ul demonstrativ și vedeți cum arată meniul creat cu acest plugin, veți înțelege de ce este atât de popular. Și odată ce ați început să enumerați caracteristicile sale, probabil că veți dori una pentru dvs.

Meniurile create cu meniul Uber vor fi receptive și tactile pentru vizitatorii dvs. de pe mobil. Puteți crea machete frumoase și puteți plasa icoane, imagini, videoclipuri și hărți în meniul dvs. Întregul formular ar putea fi plasat într-un submeniu, astfel încât să puteți crea un formular de contact fără a fi nevoie să adăugați o pagină suplimentară pentru aceasta. Pluginul este foarte personalizabil și puteți juca cu peste 50 de setări de stil cu previzualizare live. Puteți crea submeniuri automat din celălalt conținut, puteți crea file sub meniu și multe altele.

Generare dinamică de articole
Submeniuri cu file
Interfață de utilizator îmbunătățită

Morph: Meniu WordPress personalizabil Fly-Out

PREȚ: 20 USD - DEMO

Morph este un meniu direct conceput pentru dispozitive mobile. Dar, după cum puteți vedea pe pagina demonstrativă, dacă o deschideți pe computerul dvs. personal, arată foarte bine și pe desktop.

Utilizând acest plugin, puteți ascunde un meniu și îl puteți apela printr-un simplu clic . În zona de meniu, puteți crea un meniu derulant standard, puteți adăuga imagini, butoane de căutare și întreaga zonă este widgetizată, ceea ce înseamnă că puteți încorpora orice aveți nevoie și doriți. Pluginul este foarte personalizabil, astfel încât să puteți alege culorile dorite, să schimbați înălțimea imaginii și să adăugați sau să eliminați elemente care să se potrivească nevoilor dvs. Dacă îl veți folosi pentru dispozitive mobile, puteți seta cu ușurință rezoluții pentru care va apărea meniul.

Funcționează excelent atât pe desktop, cât și pe dispozitive mobile
Adăugați / eliminați elemente personalizabile
Poate fi declanșat de orice element

Meniul Hero

PREȚ: 19 USD - DEMO

Indiferent dacă doriți un meniu simplu sau un „Mega Meniu” complex, puteți crea unul cu ajutorul pluginului Hero Menu. Fiecare meniu pe care îl creați va fi receptiv și va arăta grozav pe orice dispozitiv; dacă alegeți să creați un mega meniu, elementele pot fi afișate sau ascunse, astfel încât să nu vă faceți griji cu privire la aspectul de pe ecrane mai mici.

Există suport tactil special pentru Android, iOS și Windows Phone. Alegeți bara de navigare cu lățime completă sau cu lățime fixă, unde puteți adăuga cu ușurință elemente suplimentare, pur și simplu utilizând o tehnică de drag & drop . Există peste 60 de scheme de culori prestabilite și puteți utiliza fiecare Fonturi Google gratuite. Faceți meniul lipicios, alegeți distanța de activare ... acest plugin extraordinar vă poate oferi mult mai mult, deci asigurați-vă că consultați întreaga listă de caracteristici de pe CodeCanyon.

Glisați și fixați structura meniului
Creați un meniu simplu sau un mega meniu complex
Navigare mobilă specială

Bara Multi-X

PREȚ: 16 USD - DEMO

Bara Multi-X este un plugin modular și vă permite să plasați practic orice doriți în bara de navigare. Pe lângă elementele de meniu, puteți plasa până la 8 elemente pe bară - indiferent dacă este un formular de contact, formular de căutare, pictograme de partajare socială, zonă widget etc.

Există două teme diferite pentru care puteți alege, plus o temă personalizată, unde puteți seta propriile culori, în timp ce gradientul va fi calculat automat. Bara de navigare poate fi plasată ca un meniu fix sau derulabil. Dacă sunteți dezvoltator, veți dori să știți că există un set de cârlige gata pentru dvs. dacă doriți să creați un nou plugin din bara Multi-X. Acest plugin oferă mult, mult mai mult, deci asigurați-vă că aruncați o privire asupra tuturor funcțiilor de pe CodeCanyon.

8 module funcționale încorporate
2 teme de culoare + temă personalizată
Poziția de sus sau de jos

Cele mai bune pluginuri pentru meniul mobil WordPress

Știm cu toții cât de departe a ajuns tehnologia. Smartphone-urile și tabletele au devenit inevitabile și există un număr tot mai mare de proprietari de dispozitive mobile. Rețelele WiFi acoperă fiecare parte a orașelor noastre și, dacă nu există una, vă puteți conecta oricând dispozitivul mobil la Internet prin intermediul furnizorului dvs. Ceea ce înseamnă toate acestea este că numărul de navigatori de pe mobil este mai mare ca niciodată și că trebuie să aveți grijă de ei dacă rulați un site web.

Dacă construiți un site mobil sau doriți să îl îmbunătățiți, cu siguranță trebuie să creați un meniu special pentru mobil, care să se adapteze la orice dimensiune a ecranului și să permită utilizatorilor de telefonie mobilă o navigare mai ușoară .

Cu WordPress, această sarcină nu este atât de grea cum ai putea crede. Nu trebuie să știți cum să codificați sau cum să configurați un meniu. Tot ce aveți nevoie este un plugin pe care îl puteți instala cu ușurință și personaliza în funcție de nevoile dvs.

În această parte a ghidului, urmează să vă arătăm unele dintre cele mai bune pluginuri premium care pot crea un meniu mobil pentru site-ul dvs. WordPress. Deci, să derulăm în jos și să aruncăm o privire.

Tactil

PREȚ: 18 USD - DEMO

Acest plugin premium va crea un antet mobil curat, cu un meniu mobil încorporat în el. Animațiile sunt foarte simple și pot arăta foarte frumos și fluid pe ecranul unui smartphone. Cu Tactile, puteți crea un meniu de acordeon pe mai multe niveluri , puteți crea un meniu orizontal cu un singur nivel care poate fi glisat sau puteți crea o bară laterală widgetizată care poate zbura în site-ul dvs. web .

Totul este personalizabil, ceea ce înseamnă că vă puteți picta elementele în orice culoare doriți, puteți schimba fundalurile și le puteți seta culorile, opacitățile și multe altele. Meniul dvs. poate fi fixat sau poziționat absolut. Dacă doriți și mai mult control asupra dispozitivelor mobile, puteți seta rezoluții pentru care acest meniu va fi activat.

Mai multe tipuri de meniu
Funcții de căutare
Poziționare fixă / absolută

Atingeți Atingeți

PREȚ: 10 USD - DEMO

TapTap vă va oferi puterea de a crea un meniu mobil unic pentru site-ul dvs. WordPress. După cum puteți vedea de pe site-ul demonstrativ, puteți crea aproape orice vă imaginați, iar meniurile dvs. vor arăta foarte bine. Cu acest plugin, puteți crea meniuri pe mai multe niveluri, puteți decide ce elemente doriți să afișați, să adăugați descrieri sau să activați opțiunea de căutare integrată .

Există două modele de butoane de meniu și câteva animații pentru a alege. Poziția meniului dvs. poate fi fixă sau puteți utiliza poziționarea absolută. Alegeți stiluri de fundal și jucați-vă cu numeroase opțiuni de stil, astfel încât să puteți încadra perfect meniul în tema dvs. Nu în ultimul rând, TapTap vă va permite să alegeți rezoluțiile pe care se va afișa. Ce mai puteți dori dintr-un meniu de navigare mobil?

Meniuri pe mai multe niveluri
2 butoane de meniu, modele și animații
Poziționare fixă / absolută

Mobi

PREȚ: 16 USD - DEMO

Mobi este un alt plugin WordPress simplu, dar excelent, gata să vă ajute cu site-urile mobile. Cu această adăugare, tema dvs. receptivă va avea o navigare chiar mai bună. După ce creați un meniu utilizând un constructor intuitiv de meniuri drag & drop , îl puteți plasa deasupra sau în partea de jos a site-ului dvs.

Toate elementele de meniu sunt personalizabile și sunteți liber să adăugați pictograme de socializare în bara de navigare. Există peste 700 de fonturi cu pictograme și vă puteți completa designul utilizând unul dintre fonturile Google. Dacă aveți nevoie, puteți controla vizibilitatea utilizatorilor pentru oaspeți și utilizatori conectați.

Personalizare Drag and Drop
Poziționarea meniului sus sau jos
Vizibilitatea utilizatorilor pentru oaspeți și utilizatori conectați

Wah-meniu

PREȚ: 44 USD - DEMO

Wah-menu este un meniu ancorabil perfect pentru site-urile mobile, special conceput pentru navigarea pe iPad touch. Cu acest plugin premium, puteți adăuga până la 8 linkuri de meniu care vor fi montate frumos pe partea laterală a site-ului dvs. WordPress.

După ce faceți clic pe o pictogramă specifică din meniu, va apărea un submeniu care permite HTML, videoclipuri încorporate, hărți și cam tot ce doriți. Pluginul este foarte personalizabil, ceea ce înseamnă că puteți alege dintre 8 culori de accent, puteți juca cu lățimea meniului, pictograme, link-uri etc. Crearea meniului este foarte ușoară cu editorul WYSIWYG. Fie că alegeți să utilizați tema întunecată sau deschisă, puteți fi sigur că va arăta frumos.

Editor WYSIWYG
Submeniuri cu suport pentru HTML, videoclipuri încorporate etc.
Opțiune de ieșire sau de andocare

Meniul Stil cale

PREȚ: 12 USD - DEMO

Acest plugin premium este oarecum diferit de pluginul dvs. obișnuit dedicat creării meniului. În locul unei bare de meniu clasice sau a unui meniu din bara laterală, meniul Stil cale creează un buton . După ce activați un buton, acesta va afișa un meniu în jurul butonului într-un cerc, îl va extinde în linie în orice direcție doriți sau chiar vă va organiza icoanele într-un arc.

Dacă există mai multe niveluri de meniu, butonul va crea un buton înapoi, care va permite utilizatorilor să acceseze din nou meniul principal. Există o mulțime de opțiuni de personalizare și pentru a crea un meniu; puteți utiliza pur și simplu editorul de meniu standard WordPress. Dacă sunteți în căutarea unui meniu mobil unic, oferiți o șansă meniului Stil cale.

Creați un meniu în jurul butonului
Foarte personalizabil
Utilizați meniul WP standard pentru editarea meniului

Scrollnav

PREȚ: 10 USD - DEMO

Un alt plugin de meniu unic care vă oferă câteva funcții excelente și care poate arăta excelent pe site-ul dvs. web. Scrollnav este format dintr-un cerc care conține mai multe opțiuni de meniu . În mijlocul butonului există un link către pagina principală, linkul de sus vă duce logic în partea de sus a paginii, există o casetă de căutare, un meniu personalizat și o parte a cercului personalizată.

Meniul personalizat va oferi suficient spațiu pentru a crea întregul meniu cu submeniuri, va arăta grozav și vă va oferi spațiu atât de necesar pe site-ul dvs. mobil. Există mai multe scheme de culori din care puteți alege și totul este ușor de configurat. Ar trebui să verificați cu siguranță site-ul demonstrativ pentru a vedea cum funcționează acest mic plugin.

Buton circular cu funcții diferite
Meniu personalizat și parte de legătură personalizată
Mai multe scheme de culori

Derulați la Meniu

PREȚ: 24 USD - DEMO

Acest plugin premium simplu vă va oferi un meniu cool al barei laterale, care este construit pentru navigarea tactilă iOS și Android. Odată ce ați creat un meniu, acesta va conține pictograme care se leagă de o altă parte a paginii și se derulează automat.

Este important să rețineți că ScrollTo nu este un meniu de navigare complet , ci doar derulează către o altă parte a aceleiași pagini. Puteți alege dintre peste 750 de pictograme sau puteți utiliza propriile imagini ca elemente de meniu și există spațiu suplimentar pentru reclame. Pentru ca totul să funcționeze, va trebui să aveți cunoștințe HTML de bază, astfel încât să puteți urma instrucțiunile. S-ar putea să mai dureze câteva minute din timpul dvs., dar rezultatul final arată grozav.

Activat la atingere
Peste 750 de pictograme + imagini personalizate
Spațiu publicitar suplimentar

Concluzie

Sperăm că până acum ați realizat că este greu să rulați un site web fără un meniu. Chiar dacă rulați un singur pager, veți dori totuși o navigație între secțiuni. Deci, în timp ce sunteți deja aici, faceți-vă timp pentru a vă personaliza meniul WordPress și pentru a face cel mai bun posibil.