[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0 ! important; border-bottom-width: 0px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: cea mai ușoară temă WordPress de utilizat

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62.

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.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați Ușor și Gratuit orice site web sau design de blog cu aspect profesional. Nu mai plătiți mult pentru un site web pe care îl puteți face singur.

creați o pagină cu rezultatele căutării

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.

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

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.

creați o pagină cu rezultatele căutării

Secțiunea 2

Faceți clic pe butonul La care se adauga 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

Vrei să-ți vinzi produsele pe internet?

Descărcați gratuit WooCommerce, cele mai bune pluginuri de comerț electronic pentru a vă vinde produsele fizice și digitale pe WordPress și pentru a vă crea cu ușurință magazinul online. Perfect pentru incepatori.

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.

creați o pagină cu rezultatele căutării

Ș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 un antet personalizat, subsol personalizat, pagină personalizată 404 și alte părți ale temei dvs. WordPress.

Obțineți Elementor Pro acum!

Descoperiți și câteva plugin-uri premium WordPress  

Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. WooCommerce Autoresponder

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

Răspuns automat Woocommerce

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 | Demoweb hosting

2. WordPress Comentariu Evaluare Plugin

Este despre un sistem de evaluare a comentariilor. Vă permite să permiteți utilizatorilor să evalueze diferitele comentarii. Ei vor trebui doar să facă clic pe butonul de previzualizare și să deruleze în jos până la secțiunea de comentarii pentru a vedea pluginul premium WordPress în acțiune.WordPress Comentariu Evaluare Plugin

În caracteristicile sale găsim în principal: ușurință în utilizare, suport pentru cinstrumente personalizate pentru pictograme, comentarii de clasament conform notelor, personalizarea tmergi icoane, Suport CSS personalizat, cCriptare IP (pentru utilizatorii europeni), posibilitatea de a traduce acest plugin și altele.

Descarca | Demo | web hosting

3. Harta progreselor

Progress Map este un plugin WordPress conceput pentru geolocalizare. Scopul este de a ajuta utilizatorii cu site-uri web cu privire la listele de hoteluri, reclame imobiliare, liste de restaurante, oferte de munca, anunțuri de magazin și multe altele ... pentru a-și organiza locațiile pe Google Map și navigați ușor prin hartă folosind un carusel.

Progresă hartă wordpress plugin wordpress

Cu alte cuvinte, cu acest plugin, locațiile dvs. vor fi publicate atât pe Google Map (markere) și pe un carusel. Caruselul este conectat la hartă, ceea ce înseamnă că elementul selectat în carusel își va viza locația pe hartă și invers.

Uită-te la Cum se afișează locația unui membru al comunității WP pe o hartă Google

Pentru a adăuga locațiile dvs., Harta Progres oferă un spațiu formular în pagina „Adăugați element nou”, permițându-vă să adăugați cu ușurință coordonatele locației.

DescarcaDemo | web hosting

Alte resurse recomandate

De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.

Concluzie

Aici este ! Gata pentru acest tutorial. Sperăm că vă va arăta cum să creați o pagină cu rezultatele căutării cu Elementor. Ne-ar plăcea să vă auzim gândurile despre acest subiect secțiunea de comentarii.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare

... 

0 acțiuni
acțiune
tweet
Registru