Cum să adăugați un formular de căutare într-o postare WordPress

Doriți să creșteți implicarea pe blogul dvs. WordPress?

Adăugarea unui formular de căutare în postările tale poate părea neobișnuită, dar este surprinzător de eficientă, mai ales pentru site-urile bogate în conținut, cum ar fi revistele online.

În loc să vă bazați exclusiv pe o bară de căutare în antet sau în bara laterală, plasarea uneia în conținutul dvs. încurajează cititorii să continue explorarea. Este o mică schimbare care poate duce la sesiuni mai lungi și la mai multe vizualizări de pagină.

În acest ghid, vă vom arăta pas cu pas cum să adăugați un formular de căutare în postarea dvs. WordPress, indiferent de tema pe care o utilizați. Să începem!

De ce să adăugați un formular de căutare la postările dvs. WordPress?

Dacă vizitatorii apreciază o postare de pe site-ul dvs. WordPress, este probabil să doriți să citească mai mult. Adăugând un formular de căutare la o postare, puteți ajuta vizitatorii să găsească mai multe bloguri pe care sunt interesați să le citească.

În acest fel, puteți crește vizualizările paginilor și să reduci rata de respingere.

Cu cât vizitatorii rămân mai mult pe site-ul dvs., cu atât crește șansa ca aceștia să se înscrie la lista dvs. de email, să lase un comentariu, să facă o achiziție, să vă urmărească pe rețelele sociale sau să întreprindă alte acțiuni pozitive.

În acest ghid, vă vom arăta cum să adăugați formularul standard de căutare WordPress la postările dvs. Dacă doriți să utilizați un formular personalizat în schimb, consultați ghidul nostru pas cu pas despre cum să creați un formular personalizat de căutare WordPress.

Acestea fiind spuse, vom împărtăși trei metode pentru a adăuga un formular de căutare într-o postare WordPress. Folosiți doar linkurile rapide de mai jos pentru a sări direct la metoda pe care doriți să o utilizați:

• Metoda 1. Adăugați un formular de căutare într-o postare WordPress (funcționează cu orice temă)
• Metoda 2. Adăugați un formular de căutare la toate postările WordPress (teme bazate pe blocuri)
• Method 3. Add a Search Bar to All WordPress Posts With Code (Works With Any Theme)
• Întrebări frecvente despre adăugarea unui formular de căutare în WordPress

Să începem.

Metoda 1. Adăugați un formular de căutare într-o postare WordPress (funcționează cu orice temă)

Cel mai simplu mod de a adăuga un formular de căutare la postările dvs. este utilizând blocul de Căutare încorporat.

În acest ghid, vă vom arăta cum să adăugați blocul la o postare, dar îl puteți adăuga și la orice pagină sau zonă pregătită pentru widget-uri de pe site-ul dvs.

De asemenea, recomandăm adăugarea acestuia în partea de jos a postării dvs. pentru a evita perturbarea experienței de lectură.

Pentru a începe, pur și simplu deschideți pagina unde doriți să adăugați un formular de căutare. În editorul de blocuri WordPress, faceți clic pe pictograma +.

În fereastra pop-up, tastați „Search.” Când apare blocul corect, faceți clic pentru a-l adăuga pe pagină.

Implicit, blocul folosește „Search” atât pentru eticheta sa, cât și pentru textul butonului. Acest text va fi vizibil vizitatorilor, așa că este posibil să doriți să îl înlocuiți cu ceva mai descriptiv.

De exemplu, dacă adăugați bara de căutare la un blog WordPress, atunci ați putea dori să folosiți „Căutați postări recente pe blog” sau ceva similar.

Puteți chiar să folosiți textul etichetei și al butonului pentru a vă motiva vizitatorii.

De exemplu, dacă ați creat un magazin online, atunci ați putea folosi ceva de genul „Găsește mai multe oferte grozave” sau „Caută oferte similare” pentru formularul dvs. de căutare de produse.

Puteți adăuga și un text de tip placeholder. Acest text va dispărea automat atunci când vizitatorul începe să tasteze.

Pentru a adăuga un placeholder, pur și simplu dă clic pe „Placeholder opțional…” și apoi începe să tastezi.

Implicit, WordPress va folosi tema dvs. pentru a stiliza bara de căutare.

Cu toate acestea, puteți schimba culoarea de fundal și culoarea textului butonului folosind setările „Culoare” din meniul din dreapta. Acest lucru poate ajuta bara de căutare să iasă în evidență față de restul site-ului dvs.

Când sunteți mulțumit de aspectul blocului de căutare, puteți continua și publica sau actualiza postarea. Dacă vizitați site-ul dvs., veți vedea acum bara de căutare în conținutul postării.

Puteți adăuga un formular de căutare la mai multe postări și pagini WordPress urmând același proces de mai sus. Pentru instrucțiuni detaliate despre cum să adăugați bara de căutare la o bară laterală sau o secțiune similară, vă rugăm să consultați ghidul nostru despre cum să adăugați și să utilizați widget-uri în WordPress.

Metoda 2. Adăugați un formular de căutare la toate postările WordPress (Teme bazate pe blocuri)

Dacă folosiți o temă bazată pe blocuri, cum ar fi ThemeIsle Hestia Pro, puteți adăuga o bară de căutare la șablonul pe care WordPress îl folosește pentru toate postările dvs. de blog.

În acest fel, puteți adăuga rapid și ușor o bară de căutare la fiecare postare de pe întregul site WordPress.

Pentru a deschide editorul complet al site-ului, accesați Teme » Editor în tabloul de bord WordPress.

În mod implicit, editorul complet al site-ului afișează șablonul de pagină principală al temei dvs.

Pentru a vedea toate opțiunile disponibile, selectați „Șabloane” din meniul din stânga.

Aceasta afișează o listă a tuturor șabloanelor care compun tema dvs. WordPress.

Pentru a personaliza șablonul blogului, continuați și faceți clic pe „Single”.

WordPress va afișa acum o previzualizare a aspectului blogului.

Pentru a continua și a edita acest șablon, faceți clic pe pictograma mică a creionului.

Veți vedea acum acest șablon în editorul complet al site-ului.

Pentru a continua și a adăuga o bară de căutare, faceți clic pe pictograma albastră „+”.

În fereastra pop-up care apare, tastați „Căutare” pentru a găsi blocul corect.

Acum puteți trage blocul în locația unde doriți să afișați bara de căutare.

Pentru a personaliza titlul blocului sau textul de tip placeholder, pur și simplu tastați noul mesaj în blocul de căutare.

Când sunteți mulțumit de aspectul blocului, faceți clic pe „Salvare” pentru a face bara de căutare activă.

Acum, dacă vizitați orice postare de pe blogul dvs., veți vedea bara de căutare.

Metoda 3. Adăugați o bară de căutare la toate postările WordPress cu cod (funcționează cu orice temă)

Dacă nu utilizați o temă de blocuri, dar doriți totuși ca bara de căutare să apară în toate postările dvs., atunci va trebui să utilizați cod.

Pentru a face acest lucru, recomandăm utilizarea WPCode. Acest plugin pentru fragmente de cod face sigur și ușor inserarea codului personalizat în fișierele temei dvs. fără a le edita direct. Astfel, puteți adăuga diverse fragmente de cod fără a vă strica site-ul web.

Unele dintre mărcile partenere folosesc de fapt WPCode pentru a adăuga și gestiona fragmente de cod personalizate. L-am testat și noi extensiv și puteți vedea constatările noastre în recenzia noastră detaliată despre WPCode.

Ceea ce doriți să faceți este să instalați pluginul WPCode în WordPress. Puteți citi ghidul nostru pas cu pas despre cum să instalați un plugin WordPress pentru mai multe informații.

Apoi, accesați Code Snippets » + Add Snippet. Selectați „Add Your Custom Code (New Snippet)” și faceți clic pe butonul „Use snippet”.

Acum, dați un nume noului dvs. cod personalizat. Poate fi ceva simplu precum „Bară de căutare pe postările de pe blog”.

După aceea, schimbați Tipul de cod în „Fragment PHP”.

Apoi, în caseta Code Preview, copiați și lipiți următorul fragment de cod:

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Acest cod va adăuga o bară de căutare de bază, similară cu blocul de căutare. Puteți personaliza butonul și textul placeholder după cum este necesar.

Odată terminat, derulați în jos și asigurați-vă că este selectat „Inserare automată” pentru Metoda de inserare.

Pentru Locație, navigați la fila „Specific paginii” și alegeți-o pe cea care se potrivește cel mai bine criteriilor dvs. De dragul exemplului, am ales „Inserează după conținut”.

Când ați terminat, pur și simplu faceți codul „Activ” și faceți clic pe „Salvați fragmentul”.

Ar trebui să vedeți acum ceva de genul acesta:

Sfaturi bonus: Descoperă sfaturi și trucuri pentru a îmbunătăți căutarea WordPress

Blocul de căutare folosește funcția de căutare încorporată a WordPress. Cu toate acestea, aceasta este destul de limitată și nu foarte bună la afișarea rezultatelor precise.

În unele cazuri, ați dori ca funcția de căutare WordPress să fie mai avansată. Poate doriți să adăugați o funcție de căutare după categorie sau să faceți comentariile postărilor de blog căutabile.

Aici intervine SearchWP. Acest plugin de căutare personalizată vă oferă control complet asupra căutării pe site-ul WordPress, astfel încât să puteți oferi rezultate mai precise vizitatorilor dvs.

SearchWP face, de asemenea, ca toate părțile site-ului dvs. să fie căutabile, inclusiv fișierele PDF, fișierele ACF, fișierele text, câmpurile personalizate WordPress și multe altele. Puteți consulta recenzia noastră completă despre SearchWP pentru a afla toate funcționalitățile sale.

După crearea unui formular de căutare personalizat, îl puteți adăuga în orice parte a site-ului dvs. folosind fie un bloc, fie un shortcode.

Pentru a afla mai multe, vă rugăm să consultați ghidul nostru despre cum să îmbunătățiți căutarea WordPress cu SearchWP.

Întrebări frecvente despre adăugarea unui formular de căutare în WordPress

După ce ați înțeles beneficiile și diversele metode de adăugare a unui formular de căutare la postările dvs. WordPress, este posibil să aveți unele întrebări persistente. Mai jos, abordăm câteva întrebări frecvente pentru a vă ajuta să profitați la maximum de această strategie.

De ce aș vrea să adaug un formular de căutare într-o postare de blog?

Adăugarea unui formular de căutare direct în postările dvs. face extrem de ușor pentru cititori să descopere mai mult din conținutul dvs., chiar atunci când sunt cel mai implicați. Este o modalitate inteligentă de a crește numărul de vizualizări ale paginilor și de a menține oamenii pe site-ul dvs. mai mult timp.

Pot face ca formularul de căutare să se potrivească stilului site-ului meu?

Absolut! Majoritatea plugin-urilor WordPress vă permit să ajustați lucruri precum culorile, textul de substituent și etichetele, astfel încât formularul să se integreze perfect cu designul dvs.

Ce se întâmplă dacă nu folosesc editorul de blocuri?

Nicio problemă. Dacă tema dvs. nu acceptă editarea bazată pe blocuri, puteți adăuga în continuare un formular de căutare folosind cod personalizat. Un plugin precum WPCode face ușor și sigur să introduceți aceste fragmente pe site-ul dvs.

Cum pot să știu dacă formularul meu de căutare funcționează efectiv?

Puteți urmări performanța folosind instrumente precum Google Analytics. Fiți atenți la metrici precum timpul petrecut pe site și numărul de pagini vizualizate pe sesiune. Dacă acestea cresc, formularul de căutare din postare își face treaba!

Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați un formular de căutare într-o postare WordPress. De asemenea, ați putea dori să învățați cum să creați un formular de contact în WordPress sau să consultați selecția noastră de experți a celor mai bune plugin-uri de logică condițională pentru 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.