Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați o bară de căutare în meniul WordPress (Pas cu Pas)

Dacă bara ta de căutare este ascunsă într-o bară laterală sau în subsol, vizitatorii tăi ar putea avea dificultăți în a găsi conținutul sau în a naviga pe site-ul tău.

Din experiența noastră în gestionarea numeroaselor site-uri WordPress, o bară de căutare bine plasată poate face o mare diferență în implicarea utilizatorilor și navigarea pe site.

Am testat acest lucru pe zeci de site-uri web, iar rezultatele sunt întotdeauna aceleași: atunci când utilizatorii pot căuta direct din meniul principal, interacționează mai mult și rămân mai mult timp. Este o mică ajustare care duce la îmbunătățiri mari.

Gata să faci site-ul tău WordPress mai ușor de utilizat? În acest ghid pas cu pas, îți vom arăta exact cum să adaugi o bară de căutare în meniul WordPress, fără a fi nevoie de codare.

Adăugarea unei bare de căutare în meniul WordPress

De ce să adăugați o bară de căutare în meniul de navigare WordPress?

O bară de căutare îi ajută pe utilizatori să găsească ceea ce caută fără a părăsi site-ul dvs. WordPress. Acest lucru poate îmbunătăți experiența utilizatorului, poate menține vizitatorii pe site-ul dvs. mai mult timp și poate crește implicarea.

De aceea, majoritatea designerilor și experților de website recomandă adăugarea unei bare de căutare în meniul de navigare, unde utilizatorii o pot găsi cu ușurință.

Adaugă o bară de căutare în meniul WordPress

În funcție de tema pe care o utilizați, modul în care adăugați o bară de căutare la meniul dvs. va fi diferit. Dacă utilizați o temă clasică, atunci veți avea nevoie de un plugin de căutare WordPress.

Pentru utilizatorii de teme block, puteți utiliza pur și simplu editorul Full Site Editor (FSE).

Având în vedere acest lucru, vom parcurge cele două metode pe rând. Puteți folosi linkurile rapide de mai jos pentru a sări la secțiunea dorită:

Să începem.

Metoda 1: Adăugarea unei bare de căutare în meniul unei teme WordPress clasice

Această primă metodă este pentru cei care folosesc o temă WordPress clasică. Aceasta înseamnă că vedeți meniul Appearance » Customize în tabloul de bord WordPress și puteți accesa Theme Customizer.

Dacă utilizați o temă clasică, puteți adăuga widgetul de căutare WordPress doar în zone pregătite pentru widgeturi, cum ar fi bara laterală, nu în meniul WordPress.

Pentru a rezolva această problemă, veți avea nevoie de un plugin care vă permite să adăugați o bară de căutare în alte zone ale site-ului dvs., inclusiv în meniurile de navigare.

SearchWP Modal Search Form este cea mai bună recomandare a noastră. Acest plugin gratuit este ușor de utilizat, arată grozav cu orice temă și nu va afecta negativ performanța site-ului dvs. De asemenea, nu necesită pluginul premium SearchWP.

Primul lucru pe care trebuie să-l faci este să instalezi și să activezi pluginul SearchWP Modal Search Form. Pentru mai multe detalii, vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

După activare, trebuie să adaugi bara de căutare în meniul WordPress. Pur și simplu accesează Aspect » Meniuri și apoi asigură-te că selectezi meniul Principal din lista derulantă „Selectează meniul de editat”.

Asigurați-vă că este selectat meniul principal

După aceea, faceți clic pe butonul „Selectați”.

Apoi, fă clic pe caseta SearchWP Modal Search Forms din partea stângă a ecranului.

Șablonul nativ de căutare SearchWP

Puteți vedea că pluginul a adăugat automat un șablon de căutare „Native WordPress”. Continuați și bifați căsuța „Native WordPress”.

Apoi, faceți clic pe butonul „Adăugare la meniu”.

Adăugarea unei bare de căutare în meniul de navigare WordPress

WordPress va adăuga acum un nou element „WordPress nativ” la meniu.

Pentru a configura acest element, dați un clic pe el. Pentru început, este o idee bună să schimbați eticheta de navigare în „Căutare” pentru ca vizitatorii să știe că acesta este un câmp de căutare.

Pentru a face această modificare, pur și simplu tastați „Search” în câmpul „Navigation Label”.

Adăugarea unei etichete de căutare în meniul de navigare WordPress

După aceea, faceți clic pe butonul „Salvare meniu” pentru a vă salva modificările. Acum, dacă vizitați blogul dvs. WordPress, veți vedea o nouă bară de căutare în meniul de navigare.

SearchWP va stiliza automat căutarea pentru a se potrivi cu tema ta WordPress, așa cum poți vedea în imaginile următoare.

Previzualizare căutare

Metoda 2: Adăugarea unei bare de căutare în meniul unei teme WordPress de tip Block

Dacă utilizați o temă WordPress bazată pe blocuri, atunci puteți folosi Editorul Complet al Site-ului pentru a adăuga o bară de căutare în meniul de navigare.

Pentru a face acest lucru, accesați pur și simplu Aspect » Editor din zona de administrare WordPress.

Selectarea Editorului Complet de Site din panoul de administrare WordPress

Veți vedea acum o listă de opțiuni pentru a vă personaliza tema.

Aici, faceți clic pe „Navigare”.

Selectarea navigării în editarea completă a site-ului WordPress

Apoi, faceți clic pe butonul „Editare” cu creionul.

Acest lucru vă va direcționa către editorul de blocuri.

Apăsarea butonului de editare cu creion pentru Navigare în Editarea Completă a Site-ului WordPress

În această etapă, poți face clic pe butonul „+ Adaugă bloc” oriunde pe ecran.

După aceea, alegeți blocul Căutare.

Adăugarea blocului de căutare în meniul de navigare în Editorul Complet al Site-ului

Meniul dvs. de navigare ar trebui să aibă acum o bară de căutare.

În plus, puteți edita textul placeholder și îl puteți schimba în ceva de genul „Ce cauți?”. Pe bara laterală a setărilor blocului, nu ezitați să personalizați aspectul barei de căutare.

Adăugarea unui text de tip placeholder în bara de căutare cu Editorul Complet al Site-ului

Odată ce sunteți mulțumit de blocul de căutare, pur și simplu faceți clic pe „Salvează”.

Pe lângă adăugarea unei bare de căutare în meniul de navigare, există multe alte modalități de a îmbunătăți experiența de căutare WordPress.

Una dintre ele este să folosiți SearchWP. Este cel mai bun plugin de căutare WordPress pentru a vă personaliza algoritmul de căutare fără a atinge niciun cod.

Aflați mai multe despre plugin în recenzia noastră detaliată SearchWP.

De exemplu, puteți face formularul dvs. de căutare și mai ușor de utilizat adăugând rezultate de căutare live folosind tehnologia Ajax. Aceasta va afișa automat vizitatorului rezultate relevante de căutare pe măsură ce introduce interogarea, la fel ca Google.

Previzualizare căutare live

Pentru mai multe informații, puteți citi articolul nostru despre cum să adăugați căutare Ajax live pe site-ul dvs. WordPress.

Adăugarea unei bare de căutare SearchWP este, de asemenea, ușoară. Dacă folosiți formularul de căutare SearchWP Search Modal din Metoda 1, atunci puteți folosi și pluginul SearchWP cu acesta.

Dacă utilizați o temă bazată pe blocuri, atunci SearchWP vine cu un bloc pentru formularul de căutare încorporat pe care îl puteți adăuga oriunde pe site-ul dvs., inclusiv în meniul de navigare.

Alegerea între mai multe formulare de căutare în WordPress

Iată alte sfaturi și trucuri pentru a îmbunătăți căutarea în WordPress:

Sperăm că acest articol v-a ajutat să învățați cum să adăugați o bară de căutare la un meniu WordPress. De asemenea, ați putea dori să consultați ghidurile noastre despre cum să stilizați meniurile de navigare și cum să permiteți utilizatorilor să filtreze postările și paginile în WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

30 CommentsLeave a Reply

  1. Mulțumesc pentru asta, acest plugin a funcționat excelent și m-a salvat de la a trebui să-mi înlocuiesc sau să-mi editez din nou tema.

  2. Aceste pluginuri nu au fost testate pentru versiunea WP 5.8.1

    Este încă în regulă să le instalez sau există alte pluginuri testate pentru acea versiune?

  3. Salut
    Acest videoclip îmi este de mare ajutor. Dar vreau ca meniul bară să fie ca pagina Amazon. Vă rog să mă ajutați. Cum creez o bară de căutare mare ca pe pagina Amazon

  4. Există o modalitate de a afișa rezultatele generate de plugin în mod diferit? Obțin o listă de imagini și descrieri, dar imaginile sunt afișate în diferite dimensiuni. Aș dori să fie afișate în același mod ca paginile mele de produse, cu 24 de rezultate pe pagină și 4 coloane.
    Mulțumesc

    • Pentru personalizarea paginii de rezultate, ar trebui să verifici cu suportul pluginului și aceștia ar trebui să te poată ajuta.

      Admin

    • Our theme is custom created so we manually set that up with the creation of the theme :)

      Admin

  5. Foarte util! Consider că stilul implicit nu este plăcut vizual, dar opțiunea de glisare funcționează excelent. Mulțumesc pentru asta.

  6. Aș dori ca elementul de căutare să apară ca primul element din meniu, nu ultimul. Este posibil acest lucru?

    • It would depend on your specific theme but if you reach out to the plugin’s support they will be able to help you change the placement :)

      Admin

  7. Salut,

    Cum să stilizezi pictogramele sociale așa cum ai făcut pe site-ul tău, cu acele spații și linii, nu știu CSS.

    Mulțumesc

  8. Explicația nu este corectă, imaginile de pe ecran sunt greșite și cred că este pluginul greșit

    • Se pare că pluginul s-a actualizat de la ultima actualizare a acestui articol, vom analiza actualizarea acestui post.

      Admin

    • Thank you for letting us know, it appears the plugin has been renamed since we created this article. We’ll look into updating this :)

      Admin

  9. De ce fiecare soluție de pe acest site web este un plugin? Pluginurile încarcă excesiv site-urile web și le încetinesc; te-ai aștepta să știi asta. Există soluții mai bune decât instalarea unui plugin pentru tot!

    • Nu sunt sigur dacă este din cauza unei actualizări, dar am observat același lucru. Dar se pare că opțiunea poate fi găsită sub „Ivory Search > Settings”, apoi ar trebui să vi se prezinte primele setări care sunt „Menu search” și prima opțiune extensibilă pentru a selecta un meniu la care să o adăugați.

  10. Salut,
    Putem alege dacă căutarea apare doar pentru versiunea mobilă/tabletă și nu pentru desktop?

  11. din păcate, nu se afișează corect, deoarece interferează cu meniul de navigare. Am încercat diferite pluginuri și toate sunt la fel. Pentru un începător, se pare că nu există altă modalitate decât să cereți ajutor dezvoltatorului temei sau unui profesionist pentru a-l codifica manual.

    • Nu, nu trebuie să deveniți dezvoltator sau profesionist pentru a realiza un mic CSS personalizat.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.