Vă prezentăm Blocul de căutare avansată PostX

Publicat: 2023-08-14

Un bloc de căutare este un instrument puternic care vă poate ajuta să îmbunătățiți experiența utilizatorului pe site-ul dvs. Permite vizitatorilor să găsească rapid și ușor conținutul pe care îl caută, ceea ce duce la creșterea gradului de implicare și satisfacție.

De aceea, prezentăm Blocul de căutare avansată PostX pentru WordPress. Vom discuta de ce aveți nevoie de un bloc de căutare avansată pentru site-ul dvs., cum să utilizați blocul de căutare PostX și vom explora setările și opțiunile de personalizare ale acestuia.

Așa că, fără alte prelungiri, să începem.

Conținutul ascunde
1 De ce aveți nevoie de un bloc de căutare personalizat pentru site-ul dvs.?
2 Cum să utilizați Blocul de căutare PostX
3 Setări și Opțiuni
3.1 Modele predefinite
3.2 Setarea structurii
3.2.1 Căutare AJAX
3.2.2 Stil formular de căutare
3.2.3 Niciun text găsit
3.2.4 Activați Căutare Popup
3.3 Butonul de căutare
3.3.1 Faceți clic pentru a accesa Pagina cu rezultatele căutării
3.3.2 Activați text/pictogramă
3.4 Formular de căutare
3.4.1 Buton de căutare invers
3.4.2 Substituent de intrare
3.4.3 Lățimea formularului de căutare / Înălțimea de intrare
3.5 Rezultatul căutării
3.6 Mai multe rezultate
4 Cum să adăugați blocul de căutare PostX în antet/bara de meniu
4.1 Pasul 1: Activați suplimentul pentru șabloane salvate PostX și creați un șablon salvat
4.2 Pasul 2: Lipiți codul scurt în antetul temelor cu element HTML
5 resurse pe care le vei iubi
6 Concluzie

De ce aveți nevoie de un bloc de căutare personalizat pentru site-ul dvs.?

Blocul de căutare WordPress este o modalitate de a permite vizitatorilor să găsească conținut pe site-ul dvs., dar oferă doar puțină flexibilitate. Cu ajutorul blocului de căutare avansată PostX, puteți oferi vizitatorilor mai mult control asupra rezultatelor căutării lor. Acesta poate fi de mare ajutor pentru vizitatorii care caută informații exacte.

Îmbunătățește experiența de căutare: un bloc de căutare personalizat poate îmbunătăți experiența de căutare pentru vizitatorii site-ului dvs., oferindu-le rezultate mai precise. Acest lucru se datorează faptului că un bloc de căutare personalizat poate fi adaptat într-un mod mai bun pentru site-ul dvs. și conținutul acestuia.

Oferă rezultate relevante mai bune: un bloc de căutare personalizat poate oferi rezultate mai potrivite exact decât blocul de căutare implicit al WordPress, deoarece poate indexa conținutul site-ului dvs. mai detaliat. Aceasta înseamnă că, atunci când vizitatorii caută ceva pe site-ul dvs., este mai probabil să găsească informațiile pe care le caută.

Îmbunătățește UX pentru vizitatori: un bloc de căutare personalizat poate îmbunătăți UX pentru vizitatori, făcându-le mai ușor să găsească informațiile pe care le caută. Acest lucru se datorează faptului că un bloc de căutare personalizat poate fi proiectat pentru a fi ușor de utilizat și ușor de utilizat.

Descoperire mai rapidă a conținutului: un bloc de căutare personalizat poate ajuta la o descoperire mai rapidă a conținutului, deoarece indexează tot conținutul site-ului.

Acum haideți să vedem cum să folosiți blocul PostX Search.

Cum să utilizați blocul de căutare PostX

Blocul PostX Search este foarte ușor de utilizat. Trebuie doar să instalați și să activați PostX și să utilizați blocul din pagina/antetul dvs.

Pentru a utiliza blocul PostX Search:

  • Accesați pagina/postarea dvs.
  • Faceți clic pe pictograma „+” și căutați blocul „Căutare – PostX”.
  • Faceți clic pe el sau trageți și plasați-l pentru a adăuga blocul de căutare.
Adding Search Block to  Page
Adăugarea blocului de căutare la pagină

Apoi configurați setările pentru a se potrivi nevoilor dvs. De asemenea, puteți limita numărul de rezultate afișate. Odată ce ați configurat setările, vă puteți publica pagina sau postarea, iar vizitatorii pot folosi blocul de căutare.

Să explorăm setările și opțiunile de personalizare oferite de blocul PostX Search.

Setări și Opțiuni

Blocul PostX Search oferă o varietate de setări și opțiuni de personalizare. Puteți schimba aspectul și senzația blocului, precum și modul în care funcționează.

Modele predefinite

PostX Search Predefined Patterns
PostX Search Modele predefinite

La fel ca și alte blocuri PostX, noul bloc de căutare are propriile „modele predefinite”. Puteți alege dintre variante și importați-l cu 1 clic pentru a evita problemele de personalizare.

PostX Search 1-click Pattern Import
Căutare PostX 1-clic Import model

Setarea structurii

Distracția personalizării începe cu această setare. Veți vedea setările structurale ale blocurilor de căutare aici.

Căutare AJAX

Această bară de comutare permite AJAX să caute cititori. Aceasta înseamnă că dacă este activat ori de câte ori un cititor/utilizator caută o interogare în bara de căutare, rezultatele vor fi afișate chiar acolo, fără a accesa pagina cu rezultatele căutării.

Search Block AJAX Search
Căutare Blocare Căutare AJAX

Stil formular de căutare

Această opțiune vă permite să alegeți stilul formularului de căutare/casetei de căutare din 3 variante diferite.

PostX Search Form Style
Stil formular de căutare PostX

Niciun text nu a fost găsit

Când utilizatorii caută o interogare fără conținut/postări similare sau relevante de afișat, ei văd textul „Niciun rezultat găsit”. În această setare, puteți modifica textele pentru a afișa textele dorite utilizatorilor.

Search No Results Found
Căutare Nu s-au găsit rezultate

Activați fereastra de căutare

Această setare este pentru dvs. dacă doriți să ascundeți bara de căutare completă cu o pictogramă de căutare. Activarea acestei opțiuni vă va afișa doar o pictogramă de căutare. Când utilizatorii fac clic pe pictogramă, primesc bara de căutare pop-up.

Enable Search Popup
Activați fereastra de căutare

Când activați acest lucru, puteți alege și dintre 3 variante ale pictogramei din meniul derulant „Alegeți stilul pictogramei pop-up”.

Butonul de căutare

În această secțiune de setări, veți vedea setările legate de butonul de căutare. De la pictogramă/text activat/dezactivat până la culorile pictogramelor și setările legate de umplutură pot fi găsite aici.

Faceți clic pentru a accesa pagina cu rezultatele căutării

Activarea acestei opțiuni va crea un efect de declanșare în pictograma/textul de căutare. Deci, atunci când utilizatorii dau clic pe el, vor merge direct la pagina cu rezultatele căutării și vor vedea rezultatele pe baza interogării date.

Click to Go to Search Result Page
Faceți clic pentru a merge la pagina cu rezultatele căutării

Activați text/pictogramă

Această bară de comutare funcționează așa cum sugerează și numele. Puteți activa sau dezactiva pictograma de căutare cu barele de comutare.

Search Block Enable Text

Puteți face același lucru pentru pictograma de bloc de căutare.

Search Block Enable Icon
Pictograma de activare a blocului de căutare

Veți primi, de asemenea, setările pentru următoarele. Numele setărilor pune în aplicare ceea ce fac ele, așa că vă vom economisi timp prețios fără a le explica.

Search Button Typography Settings
Setări tipografie pentru butonul de căutare
  • Dimensiunea pictogramei
  • Culoare pictogramă (Normal + Hover)
  • Culoare de fundal (Normal + Hover)
  • Captuseala
  • Raza de frontieră

Formular de căutare

Această setare este pentru secțiunea formularului de căutare. Și veți obține o mulțime de opțiuni de personalizare aici.

Buton de căutare invers

Aceasta este o bară de comutare pentru a inversa butonul de căutare din formularul de căutare. În mod implicit, butonul de căutare este plasat în partea dreaptă a formularului de căutare. Activarea acestui lucru va muta butonul spre stânga.

Search Button Reverse
Buton de căutare invers

Substituent de intrare

Puteți modifica textul substituentului (Textul afișat în formularul de căutare în fundal). Adăugați sau modificați ceea ce doriți să afișați utilizatorilor dvs. în câmpul de text.

Search Input Placeholder
Substituent de intrare de căutare

Lățimea formularului de căutare / Înălțimea de intrare

Acesta este un glisor care poate fi glisat pentru a ajusta lățimea formularului de căutare. Puteți ajusta măsurarea orizontală (⇔) a casetei de căutare.

Search Form Width and Height Settings
Căutați setări pentru lățimea și înălțimea formularului

Acesta este un glisor care poate fi glisat pentru a regla înălțimea formularului de căutare. Puteți ajusta măsurarea verticală (⇕) a casetei de căutare.

Setările tipografiei de intrare de căutare sunt setarea tipografică pentru câmpul de căutare (textul introdus de utilizatori aici pentru o interogare). Puteți ajusta dimensiunea, fontul, greutatea fontului, înălțimea, spațierea, decorarea, stilul și majusculele textului (majuscule, litere mici).

Veți primi, de asemenea, următoarele setări pentru formularul de căutare.

Search Form Typography Settings
Setări tipografie formular de căutare
  • Culoare de intrare (Ajustați culoarea textului interogării introduse în caseta de căutare)
  • Fundal de intrare (ajustați culoarea de fundal a formularului de căutare)
  • Input Focus Border (Selectați culoarea chenarului când utilizatorii dau clic pe caseta de căutare)
  • Chenar de intrare (Selectați chenarul general al casetei de căutare)
  • Umplutură de intrare
  • Raza de intrare
  • Căutare Poziția clară a pictogramei (Ajustați pictograma clară, pictograma „X” în caseta de căutare)

Rezultatul căutării

Această secțiune oferă setările de personalizare pentru rezultatele căutării afișate în caseta de căutare.

Puteți ajusta coloana cu rezultate (până la 3 conținuturi). Dacă selectați 1, caseta de căutare va afișa conținutul pe verticală (⇕). Dacă selectați 2/3, caseta de căutare va afișa 2/3 conținut pe orizontală (⇔) în rezultatele căutării.

Search Result Settings
Setări pentru rezultatele căutării

De asemenea, puteți ajusta următoarele în rezultatele căutării:

  • activați/dezactivați extrasele (din conținut),
  • arată/ascunde categoria,
  • arată/ascunde numele autorului,
  • arată/ascunde data publicării
  • activați/dezactivați imaginile conținutului.

Dacă activați imaginea în rezultatele căutării, puteți ajusta dimensiunea imaginii, raza și distanța (spațiul dintre imagine și conținut).

Veți găsi, de asemenea, toate setările tipografice necesare, cum ar fi culoarea, spațierea, înălțimea, lățimea, căptușeala, separatorul, caseta-umbră etc.

Mai multe rezultate

Dacă limitați rezultatele căutării și există conținut/postări mai relevante pe site-ul dvs. web, utilizatorii vor vedea un buton de vizualizare mai multe la sfârșitul rezultatelor căutării. Acestea sunt setările de personalizare pentru partea Afișează mai multe rezultate din secțiunea cu rezultatele căutării.

View More Results Text Setting
Vedeți mai multe rezultate Setare text

Puteți activa sau dezactiva secțiunea „mai multe rezultate” dacă utilizatorii dvs. nu doresc să vadă asta.

More Results Toggle Bar
Bara de comutare mai multe rezultate

Veți avea și setările tipografice.

More Results Typography Settings
Mai multe rezultate Setări tipografie

Veți primi, de asemenea, setările Tipografie, Culoare și Culoare pentru trecerea cursorului pentru a vedea mai multe rezultate.

Cum să adăugați blocul de căutare PostX în antet/bara de meniu

În cele mai multe cazuri, proprietarii de site-uri web doresc să adauge un bloc de căutare în antet, cunoscut și sub numele de bara de meniu. Puteți face asta cu PostX cu ușurință.

Adăugarea unui bloc de căutare PostX în bara de meniu este legată de teme. Unele teme ar putea avea o secțiune widget pentru antet/bara de meniu, iar unele teme ar putea să nu aibă.

Dacă tema are un panou widget în bara de meniu/antet, puteți adăuga direct blocul de căutare și face toate personalizările necesare. Apoi trebuie doar să salvați modificările, iar utilizatorii pot vedea și utiliza caseta de căutare PostX de pe site-ul dvs. web.

Cu toate acestea, dacă tema nu are un panou de widgeturi, puteți adăuga în continuare blocul de căutare în antet/bara de meniu.

Să vedem cum să facem asta.

Pasul 1: Activați suplimentul pentru șabloane salvate PostX și creați un șablon salvat

Mai întâi, trebuie să activați suplimentul Saved Template. Accesați PostX > Addons și activați suplimentul Saved Template.

Saved Templates Addon Enabled
Șabloane salvate Addon activat

Apoi, accesați PostX > Șablon salvat > faceți clic pe Adăugați un nou șablon. Acum adăugați un bloc de căutare aici și faceți personalizările necesare. Apoi publicați șablonul. Și reveniți la PostX > Șablon salvat.

Create Saved Templates
Creați șabloane salvate

Puteți vedea un „Cod scurt” lângă șablonul salvat creat. Copiați-o.

Copy Search Template Shortcode
Copiați codul scurt al șablonului de căutare

Pasul 2: Lipiți codul scurt în antetul temelor cu element HTML

Folosim tema Blocksy pentru a vă arăta cum să adăugați elementul HTML în antet.

Accesați Aspect > Personalizare > Antet. Veți vedea aici elementele de personalizare a antetului.

Go to Theme Customize
Accesați Tema Personalizare

Trageți și plasați elementul HTML în poziția dorită a antetului. Apoi faceți clic pe elementul HTML. Acum, veți vedea un câmp de text. Lipiți codul scurt pe care l-ați copiat la Pasul 1. Și publicați pagina.

Adding Search Block with HTML
Adăugarea blocului de căutare cu HTML

Veți vedea blocul de căutare în antetul/bara de meniu a site-ului dvs. web.

Resurse vei iubi

Iată câteva articole pe care le-ar putea fi de ajutor:

  • Cum se creează puncte de marcare WordPress cu PostX Advanced List Block
  • Vă prezentăm PostX Row/Column Block: Afișați-vă conținutul perfect
  • Cum să adăugați fonturi personalizate WordPress: Preluați controlul total asupra tipografiei
  • Vă prezentăm PostX ChatGPT Addon: Generatorul de conținut WordPress AI
  • Filtru de blog WordPress: Cum să adăugați filtru în pagina de blog WordPress

Concluzie

Blocul de căutare avansată PostX este un instrument puternic care vă poate ajuta să îmbunătățiți experiența utilizatorului pe site-ul dvs. web. Permite vizitatorilor să găsească rapid și ușor conținutul pe care îl caută, ceea ce duce la creșterea gradului de implicare și satisfacție.

Blocul de căutare avansată PostX este o opțiune excelentă pentru a îmbunătăți funcționalitatea de căutare a site-ului dvs. web.

Puteți consulta tutoriale video WordPress pe canalul nostru YouTube. De asemenea, găsiți-ne pe Facebook și Twitter pentru actualizări regulate!

Vă place acest articol? Imprastie vestea
  • WordPress Christmas and Year-End Sales

    Cele mai bune vânzări WordPress de Crăciun și de sfârșit de an din 2022 – 23

  • How to Create Your Blog in 5 Minutes Using Premade Layouts 1

    Cum să-ți creezi blogul în 5 minute folosind aspecte prefabricate

  • How to Show Blog Post Meta Data in WordPress

    Cum să afișați metadatele postărilor de blog în WordPress

  • Best WordPress Black Friday Deals

    Cele mai bune oferte și reduceri WordPress de Black Friday: Cheltuiește mai puțin, cumpără mai mult