Cum să creați un meniu derulant în WordPress (Ghid pentru începători)

Doriți să faceți un meniu derulant și să îl adăugați pe site-ul dvs. WordPress?


Un meniu derulant arată o listă de legături în timp ce treceți mouse-ul peste un element din meniu.

Folosim un meniu derulant pe WPBeginner, mergi mai departe și duceți mouse-ul peste meniul de navigare din partea de sus.

În acest ghid pentru începători, vă vom arăta cum puteți crea cu ușurință un meniu derulant în WordPress cu instrucțiuni pas cu pas.

Crearea unui meniu derulant în WordPress

De ce să folosiți meniurile derulante în WordPress?

WordPress vine cu un sistem integrat de gestionare a meniurilor care vă permite să adăugați cu ușurință meniuri de navigare pe site-ul dvs. WordPress.

Meniurile de navigare sunt link-uri către paginile principale ale site-ului dvs. web care apar de obicei în partea de sus ca un rând orizontal chiar lângă sigla site-ului..

Meniu tipic de navigare cu un rând orizontal de legături

Dacă începeți un blog sau creați un site web cu doar câteva pagini, atunci le puteți adăuga într-un singur rând.

Cu toate acestea, dacă rulați un magazin online sau un site mare, atunci poate doriți să adăugați mai multe linkuri la meniul de navigare.

Meniurile derulante vă ajută să rezolvați problema limitată de spațiu, arătând link-uri de meniu doar atunci când utilizatorii aduc mouse-ul la un element părinte. De asemenea, vă permit să organizați structura meniului după subiecte sau ierarhie.

Exemplu de meniu derulant

În sfârșit, și ele arată destul de frumos.

Acestea fiind spuse, să aruncăm o privire la modul în care puteți crea cu ușurință meniuri derulante WordPress pentru a le adăuga pe site-ul dvs. web.

Tutorial video

Abonați-vă la WPBeginner

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Pasul 1. Alegerea unei teme cu meniul derulant Suport

WordPress vine cu un sistem de gestionare a meniurilor încorporat, dar afișarea meniurilor depinde în totalitate de tema dvs. WordPress.

Aproape toate temele WordPress acceptă meniurile derulante în mod implicit. Cu toate acestea, este posibil ca unele teme să nu aibă suport de meniu adecvat.

Trebuie să vă asigurați că utilizați o temă WordPress care acceptă meniuri derulante.

Cum știți dacă tema pe care o utilizați acceptă meniul derulant?

Puteți pur și simplu accesa site-ul web al temei, unde veți găsi un link către demonstrația temei. De acolo puteți vedea dacă demo-ul afișează un meniu derulant în meniul de navigare.

În caz contrar, va trebui să găsiți o temă WordPress care să o facă.

Consultați ghidul nostru despre cum să alegeți tema WordPress perfectă pentru site-ul dvs. web.

Iată câteva teme excelente care acceptă meniul derulant din casetă.

  • Astra – Este o temă WordPress multifuncțională care vine cu mai multe site-uri de pornire și tone de funcții.
  • Teme StudioPress – Construite pe baza temei genezei, aceste teme profesionale sunt extrem de optimizate pentru performanță.
  • OceanWP – O temă populară de WordPress, potrivită pentru toate tipurile de site-uri web.
  • Ultra – Powered by Themify builder această temă de drag and drop WordPress vine cu șabloane frumoase și opțiuni de teme flexibile.
  • Divi – tema populară de teme elegante, care folosește constructorul de pagini Divi și vine cu tone de drag & funcții drop, inclusiv meniuri derulante.

Acestea fiind spuse, să aruncăm o privire la modul de creare a unui meniu derulant WordPress.

Pasul 1. Crearea unui meniu de navigare în WordPress

Dacă ați configurat deja un meniu de navigare pe site-ul dvs. web, puteți să treceți la pasul următor.

Să creăm mai întâi un meniu simplu.

Mergi la Aspect »Meniuri pagina și faceți clic pe linkul „Creați un nou meniu” în partea de sus.

Creați un meniu

În continuare, trebuie să furnizați un nume pentru meniul dvs. de navigare. Acest nume nu va fi vizibil public pe site-ul dvs. web. Scopul numelui meniului este de a vă ajuta să identificați meniul din zona de administrare WordPress.

Numele meniului

Introduceți un nume pentru meniul dvs., apoi faceți clic pe butonul „Creare meniu”.

WordPress va crea acum un nou meniu gol pentru tine.

Să adăugăm linkurile de top în meniul de navigare. Aceste elemente vor apărea în rândul superior al meniului.

Pur și simplu selectați paginile pe care doriți să le adăugați din coloana din stânga și faceți clic pe butonul „Adaugă în meniu”. De asemenea, puteți selecta postări de blog, categorii sau puteți adăuga linkuri personalizate.

Adăugați pagini în meniu

Veți vedea acum acele pagini apărute în coloana din dreapta în meniul nou.

Pasul 2. Adăugarea sub-Elemente la un meniu

Sub-elementele sunt elementele care vor apărea în meniul derulant. În funcție de modul în care doriți să vă organizați meniurile, le puteți adăuga sub oricare dintre elementele existente.

De dragul acestui tutorial, vom adăuga categorii sub linkul de blog.

Pur și simplu selectați elementele pe care doriți să le adăugați din coloana din stânga, apoi faceți clic pe butonul „Adăugați la meniu”. Articolele dvs. vor apărea acum în coloana din dreapta.

Elemente noi de meniu adăugate în meniu

Cu toate acestea, aceste link-uri vor apărea ca articole obișnuite. Trebuie să facem din ele un sub-element al unui meniu părinte.

Puteți pur și simplu să trageți și să fixați un element din meniu și să îl plasați sub elementul părinte. Mută-l ușor spre dreapta și va deveni un sub-element.

Adăugarea elementelor din submeniu pentru a crea un meniu derulant

Repetați procesul pentru toate linkurile pe care doriți să le afișați în meniul derulant.

După ce ați terminat, nu uitați să faceți clic pe butonul „Salvare meniu” pentru a vă stoca modificările.

Pasul 3. Publicați meniul derulant

Dacă editați un meniu care este deja activ pe site-ul dvs. web, acesta va începe să apară imediat pe site-ul dvs. web.

Cu toate acestea, dacă este un element de meniu nou, atunci trebuie să alegeți o locație tematică pentru a afișa acest meniu.

Temele WordPress pot afișa meniuri în diferite locații. Fiecare temă definește propriile locații ale meniului și puteți selecta ce meniu doriți să afișați acolo.

Această opțiune veți găsi în coloana din dreapta, sub „Setări meniu”. Selectați o opțiune din dreptul setării „Afișați locația” și faceți clic pe butonul „Salvare meniu”.

Alegeți locația temei

Acum puteți vizita site-ul dvs. web pentru a vedea meniul derulant în acțiune.

Previzualizare meniu derulant

Sfaturi despre crearea meniurilor derulante interactive

Meniurile de navigare sunt importante, deoarece acesta este primul loc în care vor căuta utilizatorii dvs. dacă vor să vadă informații specifice.

Utilizarea corectă a acestora va ajuta utilizatorii să își găsească drum în jurul site-ului dvs. web. Te va ajuta, de asemenea, să obții mai multe vizualizări de pagini, conversii și vânzări pe site-ul tău.

Iată câteva sfaturi despre eficientizarea interactivă a meniurilor de navigare cu meniurile derulante.

1. Puteți crea meniuri derulante pe mai multe niveluri

Crearea unei legături într-un sub-element al altui link îl face să apară în meniul derulant. Puteți adăuga, de asemenea, un sub-element sub un alt sub-element pentru a crea meniuri derulante pe mai multe niveluri.

Meniuri cu mai multe niveluri

Tema dvs. le va arăta automat ca submeniu din meniul vertical.

Meniu derulant pe mai multe niveluri

2. De asemenea, puteți crea mai multe meniuri derulante

Puteți crea un meniu derulant sub orice legătură de top din meniul dvs. Puteți adăuga chiar și mai multe meniuri derulante în meniul principal de navigare.

Mai multe meniuri derulante din meniul principal

3. Creați meniuri cu o previzualizare live

Dacă meniul dvs. este prea complicat, atunci puteți trece la previzualizarea vizuală. Mergi la Aspect »Personalizare pentru a lansa personalizatorul de teme live.

De acolo, faceți clic pe fila „Meniuri” și apoi selectați meniul dvs. de navigare. Acum veți vedea un editor de meniuri drag and drop în coloana din stânga, cu o previzualizare în direct a site-ului dvs. în panoul din dreapta.

Personalizați meniurile WordPress cu o previzualizare live

4. Crearea unui meniu mega mare ca dropdown în WordPress

Meniurile derulante afișează o singură listă. Ce se întâmplă dacă ați dori să arătați structura completă a site-ului dvs. web ca un mega meniu care apare doar atunci când utilizatorii trec în meniul principal?

Exemplu de meniu Mega

Mega meniuri apar ca meniu derulant, dar pot afișa mult mai multe link-uri, submeniuri și multe altele. Pentru instrucțiuni detaliate, consultați tutorialul nostru pas cu pas despre cum să creați un mega meniu în WordPress.

Sperăm că acest articol te-a ajutat să înveți cum să creezi cu ușurință un meniu derulant în WordPress. De asemenea, poate doriți să vedeți ghidul nostru despre cum puteți crea un meniu de navigare plutitor adeziv în WordPress și cum puteți adăuga pictograme de imagine în meniurile de navigare în WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me