Cum se creează o pagină cu rezultatele căutării cu Elementor

Doriți să aflați cum să creați o pagină cu rezultatele căutării cu Elementor?

Indiferent dacă aveți un blog personal, un site de comerț electronic sau un site web mare cu mai mulți utilizatori, adăugarea unei funcții de căutare este suficient de importantă. Este mai ușor pentru vizitatorii dvs. să găsească conținutul pe care îl caută, mai degrabă decât să facă clic aici și acolo în meniul de navigare.

În WordPress, aspectul (aspectul) paginii cu rezultatele căutării este controlat de un șablon pe tema pe care o utilizați (fișierul search.php în majoritatea cazurilor). Dacă aspectul implicit nu vi se potrivește, puteți crea un șablon personalizat pentru al înlocui.

Dacă nu aveți abilități PHP, puteți utiliza Elementor (sau alte pluginuri pentru generatorul de pagini care au funcționalitate pentru generatorul de teme, cum ar fi Divi Builder et WPBakery) pentru a crea un șablon de pagină cu rezultate de căutare personalizate în WordPress.

Pentru a putea crea un șablon de pagină cu rezultatele căutării folosind Elementor, trebuie să utilizați versiunea pro a Elementor, deoarece funcția Theme Builder este disponibilă numai în Elementor Pro.

Cum se creează o pagină cu rezultatele căutării cu Elementor

Când creați o pagină personalizată cu rezultatele căutării folosind Elementor, puteți adăuga orice element doriți atunci când creați o pagină. Există peste 90 de articole (numite widget-uri) pe care le puteți adăuga.

Citiți și: Cum să gestionați trimiterile de formulare în Elementor

Elementor însuși oferă șabloane de pagini cu rezultate ale căutării pre-construite pentru a vă fluidiza fluxul de lucru. Sau, dacă aveți propriul concept de design, puteți crea și dvs. pagina cu rezultatele căutării.

În acest articol, vă vom arăta cum să creați un șablon de pagină cu rezultatele căutării de la zero. Iată captura de ecran a paginii cu rezultatele căutării pe care dorim să o creăm.

Vom folosi două secțiuni pentru a crea pagina cu rezultatele căutării de mai sus:

• Secțiunea 1: Pentru a plasa antetul (descrierea rezultatelor căutării)
• Sectiunea 2: Pentru a plasa formularul de căutare și rezultatele căutării

Înainte de a începe, asigurați-vă că ați actualizat versiunea dvs. Elementor la versiunea pro, în caz că nu ați făcut-o. Odată ce sunteți gata, mergeți la Șabloane -> Generator de teme pe tabloul de bord WordPress.

Vezi și: Cum se folosește Elementor: Ghidul complet

Faceți clic pe butonul Add-On pentru a crea un model nou (sau puteți face clic pe buton Încearcă acum pentru a încerca Elementor Themes Builder).

Setați tipul modelului la Rezultatele căutării, dați modelului un nume și faceți clic pe buton CREAȚI UN MODEL pentru a începe crearea acestuia din urmă.

Deoarece vrem să creăm pagina cu rezultatele căutării de la zero, puteți închide fereastra bibliotecii de șabloane care apare.

Citiți și: Cum se adaugă efect de punct la o coloană din Elementor

Înainte de a începe să adăugați un widget, puteți seta mai întâi aspectul paginii. Pentru aceasta, faceți clic pe pictograma roată din partea de jos a panoului de setări (panoul din partea stângă). Puteți seta aspectul în opțiunea Aspect pagină de la bloc Setări generale sub filă Setări.

Secțiunea 1

După cum se arată mai sus, vom folosi această secțiune pentru a plasa antetul pentru a afișa descrierea paginii cu rezultatele căutării. Doar faceți clic pe butonul plus din caseta de editare a Elementor pentru a adăuga o nouă secțiune. Puteți selecta structura unei singure coloane. Odată ce secțiunea este adăugată, trageți widget-ul Title la el.

Accesați panoul din stânga. În bloc Titlu sub filă Conţinut, faceți clic pe pictograma bazei de date din câmp Titlu și selectați Titlul arhivei.

Apoi puteți accesa fila Stil pentru a personaliza antetul. Puteți defini elemente precum culoarea textului, tipografia (familia fontului, dimensiunea fontului, stilul fontului etc.). De asemenea, puteți aplica modul de amestecare și umbra textului, dacă doriți.

Dacă doriți să setați fundalul secțiunii, să adăugați un separator sau să setați marja, puteți face clic pe mânerul secțiunii pentru a comuta la modul de editare.

Secțiunea 2

Faceți clic pe butonul Plus pentru a adăuga o nouă secțiune, așa cum ați făcut în secțiunea 1 de mai sus. De asemenea, puteți selecta structura unei singure coloane. Odată adăugată secțiunea, trageți widgetul Formular de căutare.

Apoi puteți accesa panoul de setări pentru a efectua setările. În bloc Formular de căutare sub fila Conținut, puteți defini aspectul, substituentul, pictograma, dimensiunea pictogramei etc.

Pentru a personaliza formularul, puteți deschide fila Stil. Există două blocuri de parametri pe care le puteți deschide: Intrare et Buton. De la bloc Intrare, puteți seta tipografia, culoarea textului, culoarea fundalului, culoarea chenarului, dimensiunea chenarului și raza chenarului.

De la bloc Buton, puteți seta culoarea textului butonului, culoarea de fundal, tipografia, dimensiunea pictogramei și lățimea butonului.

Odată ce stilul widgetului Formular de căutare este la locul său, puteți adăuga widgetul Arhive Postări. Îl puteți plasa chiar sub widgetul Formular de căutare.

Odată ce acest widget este la locul său, navigați la panoul din stânga. Sub bloc Aspect, filă Conţinut, puteți defini aspectul, numărul de coloane, poziția imaginii, lungimea extrasului, metadatele etc.

Pe bloc paginare, puteți seta tipul de paginare, limita paginii și alinierea.

Pe bloc Avansat, puteți seta mesajul să se afișeze atunci când WordPress nu poate găsi interogarea de căutare furnizată.

Odată ce setările de bază ale filei Conținut finalizat, puteți trece la fila Stil pentru a personaliza aspectul widgetului Postări de arhivă. Există 6 blocuri pe care le puteți deschide în această filă.

• Aspect

Puteți deschide acest bloc pentru a defini alinierea conținutului text al postărilor (titlul postului și meta). De asemenea, puteți defini decalajul dintre coloane și rânduri.

• Imagine

Puteți deschide acest bloc pentru a seta raza de margine a miniaturilor postării. De asemenea, puteți seta spațiul și puteți aplica filtre CSS.

• Conţinut

Puteți deschide acest bloc pentru a seta tipografia, culoarea textului și spațiul conținutului text pentru postări.

• Paginație

Dacă activați paginarea, puteți deschide acest bloc pentru a personaliza paginarea. Puteți seta lucruri precum tipografia, culoarea textului și spațiul între numere.

• Nimic găsit mesaj

Puteți deschide acest bloc pentru a personaliza mesajul de eroare atunci când WordPress nu poate găsi conținutul pe baza interogării de căutare furnizate. Puteți defini tipografia și culoarea textului de pe acest bloc.

Puteți adăuga mai multe widget-uri dacă aveți nevoie de ele. După ce ați terminat de editat pagina, puteți face clic pe buton PUBLICAȚI SAU ACTUALIZAȚI în partea de jos a panoului de setări.

Dacă vi se solicită să adăugați o condiție de afișare, trebuie doar să adăugați una făcând clic pe buton ADĂUGAȚI O CONDIȚIE. Deoarece creați o pagină cu rezultatele căutării, setați condiția de afișare la rezultatele cautarii. Faceți clic pe butonul SALVAȚI ȘI ÎNCHIDEȚI pentru a aplica modificarea.

Și iată-te!

Fiecare site web bazat pe WordPress are o pagină de rezultate de căutare unică, în funcție de tema utilizată de site. Dacă aspectul paginii cu rezultatele căutării oferite de tema pe care o utilizați nu pare atrăgător pentru dvs., îl puteți personaliza.

Cu excepția cazului în care aveți abilități PHP, puteți utiliza Elementor pentru a crea o pagină personalizată cu rezultatele căutării pe site-ul dvs. WordPress. Totul este drag and drop. Nu este nevoie să manipulați codul PHP.

În plus, puteți utiliza și Elementor pentru a crea antet personalizat, subsol personalizat, pagină personalizată 404 și alte părți ale dvs. WordPress temă.

Obțineți Elementor Pro acum!

1. WooCommerce Autoresponder

WooCommerce Autoresponder este un WordPress plug-in care vă permite să vă abonați clienții la răspunsul automat. Acest WordPress plug-in afișează, de asemenea, o casetă de abonare la newsletter pentru a o integra cu ușurință WooCommerce către răspunsul automat.

Ca funcții veți găsi, printre altele: integrare completă cu WooCommerce, suport pentru 9 răspunsuri automate, nu sunt necesare cunoștințe de codificare, ușor de instalat și multe altele.

Citiți și: MailChimp tutorial în limba franceză: ghid complet pentru a crea un buletin informativ

Descarca | Demo | web hosting

• Pluginurile 9 WordPress pentru a trimite e-mailuri prin SMTP
• Pluginurile 7 WordPress pentru a încorpora o hărți Google pe site-ul dvs. web
• Cum să configurați o rețea multisolată pe WordPress
• Cum se adaugă meta secțiuni pe postări și pagini

Concluzie