Cum să permiteți utilizatorilor să filtreze postările și paginile în WordPress (3 metode)

O bibliotecă de conținut în creștere este adesea un semn al unui site WordPress sănătos. Dar mai mult conținut nu înseamnă întotdeauna o experiență mai bună. Mai ales când vizitatorii nu pot găsi ceea ce caută.

Am văzut acest lucru întâmplându-se pe multe bloguri în creștere: o mulțime de postări grozave, dar nicio modalitate ușoară pentru vizitatori de a le filtra, așa că pleacă din cauza frustrării.

Asta înseamnă că adăugarea de filtre la postările și paginile tale nu este doar un extras plăcut. Este o necesitate dacă vrei să menții vizitatorii implicați.

Când oamenii își pot sorta rapid conținutul după categorie, etichetă, dată sau chiar câmpuri personalizate, este mult mai probabil să rămână și să exploreze.

Am petrecut mult timp cercetând și testând diferite soluții de filtrare pentru a aborda această problemă. În acest ghid, vă vom prezenta 3 dintre cele mai ușoare și mai eficiente moduri de a permite utilizatorilor să filtreze postările și paginile în WordPress folosind SearchWP, WPCode și pluginul Search & Filter.

De ce să adăugați o funcție de filtrare pentru postările și paginile dvs. WordPress?

Ați vizitat vreodată un site web WordPress plin de conținut, doar pentru a vă chinui să găsiți ceea ce aveți nevoie? Aceasta poate fi o experiență frustrantă pentru utilizatori și îi poate determina să vă părăsească site-ul complet.

În cele din urmă, acest lucru poate afecta negativ SEO, deoarece motoarele de căutare consideră experiența utilizatorului un factor de clasare. Un site web cu rate mari de respingere și implicare scăzută ar putea fi considerat mai puțin valoros de către motoarele de căutare.

Din fericire, există o soluție simplă: implementarea unei funcționalități de căutare și filtrare pe site-ul dvs. WordPress. Acest instrument puternic permite utilizatorilor să restrângă conținutul pe baza unor criterii specifice, făcând o simplă plăcere să găsească ceea ce caută.

O funcționalitate de căutare și filtrare nu este bună doar pentru blogurile WordPress. Este, de asemenea, ideală pentru site-uri precum forumuri cu mii de discuții. Astfel, utilizatorii pot căuta discuția potrivită după subiect, dată sau autor.

Sau, dacă aveți un site de podcast, ascultătorii pot căuta episodul preferat folosind funcția.

Având în vedere acest lucru, vă vom arăta 3 metode ușoare pentru a permite utilizatorilor să filtreze postările și paginile de pe site-ul dvs. WordPress. Puteți folosi linkurile rapide de mai jos pentru a sări la metoda preferată:

• Metoda 1: Filtrați postările și paginile cu SearchWP (Recomandat)
• Metoda 2: Filtrați postările și paginile cu cod personalizat (Avansat)
• Metoda 3: Filtrați postările și paginile cu pluginul Search & Filter (Gratuit)
• Sfat Bonus: Adăugați Căutare Live Ajax pe Site-ul Dumneavoastră WordPress

Gata? Să începem imediat!

Metoda 1: Filtrați postările și paginile cu SearchWP (Recomandat)

SearchWP este un plugin de căutare WordPress puternic și este recomandarea noastră principală pentru adăugarea funcționalității de filtrare pe site-ul dvs. web. Este foarte ușor de utilizat, ceea ce îl face o alegere excelentă pentru începători.

Iată un ghid pas cu pas despre cum să folosești SearchWP pentru a crea un formular de căutare personalizat cu opțiuni de filtrare.

Pasul 1: Instalați și configurați SearchWP

Mai întâi, va trebui să instalați și să activați pluginul SearchWP. Dacă sunteți nou în acest domeniu, avem un ghid util despre cum să instalați un plugin WordPress.

Odată activat, puteți accesa SearchWP » Setări. Apoi, în fila „General”, introduceți cheia de licență pentru a o activa.

Acum, să mergem la SearchWP » Algorithm. Aici, puteți fie să editați motorul de căutare implicit, fie să creați unul suplimentar.

Motorul implicit permite utilizatorilor să caute prin pagini, postări, fișiere media și comentarii, ceea ce este bun pentru un blog WordPress tipic.

Pe de altă parte, motorul de căutare suplimentar poate utiliza alte surse precum categorii, etichete, tipuri de postări personalizate și taxonomii personalizate. Acest lucru poate fi util pentru crearea unui formular de căutare și filtrare pentru conținut non-blog, cum ar fi un filtru de produse eCommerce pentru site-uri WooCommerce.

Pentru acest tutorial, vom rămâne la motorul implicit și pur și simplu îi vom ajusta setările. Pentru a face acest lucru, puteți face clic pe „Surse și Setări”.

Deoarece vom crea o funcție de căutare și filtrare pentru a filtra postările și paginile, vom include doar paginile și postările ca surse pentru motorul de căutare WordPress.

Am activat, de asemenea, funcția „Rădăcini de cuvinte cheie”, care permite SearchWP să afișeze rezultate chiar dacă cuvântul cheie nu este o potrivire perfectă.

Odată ce sunteți mulțumit de setări, puteți pur și simplu să faceți clic pe „Terminat”.

Pasul 2: Rafinați-vă motorul de căutare

Acum, veți vedea o secțiune pentru toate sursele pe care le-ați selectat (în cazul nostru, doar postări și pagini).

Fiecare sursă are glisoare pentru „Relevanța Atributelor Aplicabile”. Aceste glisoare determină cât de multă pondere acordă SearchWP fiecărui atribut la clasarea rezultatelor căutării.

În termeni mai simpli, conținutul care se potrivește îndeaproape cu un atribut cu pondere mare va apărea mai sus în rezultatele căutării.

De exemplu, dacă acordați mai multă pondere atributului „Conținut postare” decât atributului „Titlu postare”, SearchWP va prioritiza rezultatele în care termenul de căutare apare în conținutul în sine.

Puteți ajusta acești glisoare în funcție de preferințele dvs.

De asemenea, puteți face clic pe „Adăugare/Eliminare atribute”.

Aceasta va afișa o fereastră pop-up pentru a include sau șterge mai multe atribute.

De exemplu, ați putea include taxonomii personalizate sau câmpuri personalizate pentru a le face căutabile.

O altă caracteristică puternică este capacitatea de a crea reguli care includ sau exclud anumite conținuturi din rezultatele căutării.

Pentru a face acest lucru, pur și simplu faceți clic pe butonul „Edit Rules”.

Această setare vă permite să filtrați conținutul irelevant sau să evidențiați categorii specifice.

În următorul popup, puteți face clic pe „Adăugare regulă”.

Acum, pur și simplu faceți clic pe meniul derulant și alegeți „Afișați doar intrările dacă” sau „Excludeți intrările dacă”.

Apoi, puteți alege dacă să excludeți sau să includeți conținutul dacă face parte dintr-o anumită taxonomie, a fost publicat într-un anumit interval de date sau are un anumit ID.

Pentru a adăuga o altă regulă, pur și simplu faceți clic pe butonul „Adăugare regulă” și repetați același proces descris mai sus. Când sunteți mulțumit de modul în care sunt configurate regulile, faceți clic pe „Gata”.

Puteți repeta același proces pentru celelalte surse de intrare de căutare, dacă este necesar.

Când sunteți mulțumit de motorul de căutare, puteți reveni în partea de sus a paginii și faceți clic pe „Salvare”.

SearchWP va reconstrui acum indexul, ceea ce poate dura câteva minute.

Odată ce vezi „Index Status 100%”, înseamnă că SearchWP a indexat tot conținutul și regulile tale pentru motorul de căutare.

Pasul 3: Creați un formular de căutare personalizat

Acum că motorul de căutare este configurat, să creăm un formular de căutare ușor de utilizat cu opțiuni de filtrare.

Pentru a începe, accesați SearchWP » Formulare de Căutare, apoi faceți clic pe „Adăugare Nou”.

Pe ecranul următor, primul lucru pe care îl veți face este să dați un nume recunoscut formularului dvs.

Acesta este doar pentru referința dvs. internă, deci numele poate fi orice este ușor de reținut pentru dvs.

Apoi, veți alege un aspect.

Pentru acest tutorial, vom folosi opțiunea „Combinat”, deoarece oferă cele mai multe meniuri de filtrare.

Acum, puteți derula în jos la secțiunea „Stilizare personalizată” și selectați ambele opțiuni „Căutare categorie” și „Căutare avansată”. Acest lucru asigură că formularul dvs. include toate funcționalitățile de filtrare.

Opțional, puteți alege „Căutare rapidă” dacă doriți să adăugați termeni de căutare sugerați sub bara de căutare.

Apoi, în meniul „Engine”, vei selecta motorul de căutare pe care l-ai creat anterior.

În ceea ce privește „Rezultatele”, puteți alege ce pagină de rezultate ale căutării să utilizați: rezultatele implicite WordPress sau versiunea SearchWP.

În „Tipul căutării”, să selectăm „Postări” și „Pagini”.

Mai jos, poți adăuga numele categoriilor pe care dorești să le incluzi în meniul de filtrare.

Pentru „Eticheta câmpului”, introduceți un text de tip placeholder care apare în câmpul de căutare, cum ar fi „Ce cauți?”

Dacă ați selectat anterior „Căutare rapidă”, atunci puteți include termeni pe care utilizatorii îi caută frecvent în „Elemente de căutare rapidă”.

În secțiunea „Filtru/e de căutare avansată”, alegeți pur și simplu ce opțiuni de filtrare doriți să oferiți utilizatorilor, cum ar fi „Autori”, „Tipuri de postări” sau „Etichete”.

În final, în secțiunile „Form Style” și „Button Style”, personalizează aspectul formularului de căutare pentru a se potrivi cu designul site-ului tău web.

Puteți schimba culorile, fonturile și formele formularului de căutare.

Odată ce totul este configurat, puteți derula înapoi în sus.

Apoi, este timpul să faceți clic pe „Salvare” pentru a crea formularul de căutare.

Pasul 4: Încorporați formularul de căutare și filtrare

Pluginul SearchWP vă permite să încorporați cu ușurință formularul de căutare pe partea frontală a site-ului dvs. web, cum ar fi pe pagina de pornire sau în zone pregătite pentru widget-uri. Aici, vom demonstra adăugarea acestuia la o pagină folosind editorul de blocuri WordPress și blocul Formular de căutare.

Mai întâi, puteți deschide pagina sau postarea la care doriți să adăugați formularul. Apoi, să facem clic pe pictograma „+ Adăugare Bloc” și să căutăm „Formular de Căutare”.

În bara laterală „Setări bloc”, veți alege formularul pe care l-ați creat din meniul derulant.

În final, faceți clic pe „Publicare” sau „Actualizare” pentru a vedea formularul de căutare live.

Pentru mai multe informații, puteți consulta aceste ghiduri pas cu pas:

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

Alternativ, puteți afișa formularul folosind un shortcode.

Pentru a face acest lucru, va trebui să găsiți shortcode-ul pentru formularul dvs. specific mergând la SearchWP » Formulare de căutare și copiind codul din coloana „Shortcode”.

Avem un ghid despre cum să adăugați shortcode-uri în WordPress dacă aveți nevoie de ajutor.

Cu formularul de căutare și opțiunile de filtrare la locul lor, vizitatorii dvs. pot găsi acum cu ușurință conținutul pe care îl caută pe site-ul dvs. web.

Acest lucru nu numai că îmbunătățește experiența utilizatorului, dar îi poate încuraja, de asemenea, să exploreze diferite categorii și să descopere mai mult din conținutul dvs. valoros.

Metoda 2: Filtrați postările și paginile cu cod personalizat (Avansat)

Următoarea metodă va folosi cod personalizat. Pentru începători, acest proces poate părea intimidant, dar am încercat și testat codul pentru a ne asigura că funcționează perfect cu site-ul dvs.

În plus, vom folosi WPCode, care este cel mai bun plugin pentru fragmente de cod de pe piață. Acest plugin face sigur inserarea de cod personalizat fără a interacționa direct cu fișierele site-ului dvs., reducând astfel probabilitatea de a vă strica site-ul.

Unele dintre mărcile noastre partenere folosesc WPCode pentru a adăuga și gestiona fragmente de cod personalizate și le place. De asemenea, l-am testat și am constatat că funcționează excepțional de bine. Puteți afla mai multe despre experiențele noastre în recenzia noastră completă despre WPCode.

Primul pas este să instalați și să activați WPCode. Pentru mai multe informații, puteți consulta ghidul nostru despre cum se instalează un plugin WordPress.

Odată ce acest lucru este făcut, puteți accesa Fragmente de cod » + Adăugați fragment în zona dvs. de administrare WordPress.

Apoi, vom selecta „Adaugă codul tău personalizat (Snippet nou)” și vom face clic pe butonul „Utilizează snippet”.

Acum, există 2 tipuri de fragmente de cod pe care trebuie să le adăugați. Să le parcurgem pe rând:

Adăugarea unui cod de filtrare WordPress

Acest cod îi spune WordPress să filtreze rezultatele căutării utilizatorului pe baza opțiunilor pe care le-a selectat în formularul de căutare. Va funcționa cu un alt fragment de cod care creează formularul de căutare, pe care îl vom discuta mai târziu.

Mai întâi, trebuie să dați un nume noului dvs. fragment. Poate fi ceva la fel de simplu ca „Filtru de căutare WordPress”.

Apoi, va trebui să schimbați „Tipul Codului” în „Fragment PHP”.

Apoi, pur și simplu copiați următorul cod și lipiți-l în caseta „Previzualizare cod”:

function wpb_filter_posts($query) {
if ($query->is_main_query() && $query->is_search) {

// Category filter
if (isset($_GET['category'])) {
$category = get_category_by_slug($_GET['category']);
if ($category) {
$query->set('cat', $category->term_id);
}
}

// Published date filter based on URL structure
$url_path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
$url_parts = explode('/', trim($url_path, '/'));
if (count($url_parts) >= 4 && is_numeric($url_parts[0]) && is_numeric($url_parts[1]) && is_numeric($url_parts[2])) {
$year = $url_parts[0];
$month = $url_parts[1];
$day = $url_parts[2];
$query->set('date_query', array(
array(
'year' => $year,
'month' => $month,
'day' => $day,
),
));
}

// Include posts without categories or tags
$query->set('post_status', 'publish');
$query->set('post_type', 'post');
$query->set('posts_per_page', -1);

// Include post types
if (isset($_GET['post_type']) && $_GET['post_type'] == 'page') {
$query->set('post_type', array('page'));
} else {
$query->set('post_type', array('post', 'page', 'custom_post_type'));
}
}
}

add_action('pre_get_posts', 'wpb_filter_posts');

Acest fragment de cod verifică dacă utilizatorul a ales vreun filtru în formularul de căutare. De exemplu, dacă este selectat un filtru de categorie, atunci codul poate identifica acea categorie și poate afișa doar postările care îi aparțin.

De asemenea, poate filtra rezultatele după dată, căutând anul, luna și ziua specifice pe care utilizatorul le-a ales.

În final, codul verifică și filtrează rezultatele în funcție de dacă utilizatorul dorește să vadă doar postări, pagini sau toate tipurile de postări (inclusiv tipuri de postări personalizate).

Cu codul lipit, derulați în jos la secțiunea „Locație de inserare”. Implicit, „Metoda de inserare” va fi „Inserare automată”, iar Locația va fi „Rulează peste tot”.

Puteți lăsa aceste setări așa cum sunt, astfel încât codul să poată fi adăugat la fișierul functions.php al temei dvs. WordPress și să funcționeze corect.

Apoi, pur și simplu activați fragmentul de cod și faceți clic pe „Salvare fragment”.

Adăugarea unui cod pentru formularul de căutare WordPress

Următorul cod va crea un formular de căutare personalizat, pe care îl poți încorpora folosind un shortcode mai târziu.

Puteți adăuga cod personalizat folosind WPCode repetând aceiași pași. Apoi, puteți numi acest cod „Formular de căutare WordPress” și puteți schimba tipul codului în „Fragment PHP”.

Acum, puteți copia fragmentul de cod de mai jos în caseta „Previzualizare cod”:

function wpb_filter_posts_form() {
$categories = get_categories();
$tags = get_tags();
$post_types = get_post_types(array('public' => true));
$output = '<form action="' . home_url('/') . '" method="get">';
$output .= '<input type="search" name="s" placeholder="Search...">';

// Category dropdown
$output .= '<select name="category">';
$output .= '<option value="" selected>All Categories</option>';
foreach ($categories as $category) {
$output .= '<option value="' . $category->slug . '">' . $category->name . '</option>';
}
$output .= '</select>';

// Tag dropdown
$output .= '<select name="tag">';
$output .= '<option value="" selected>All Tags</option>';
foreach ($tags as $tag) {
$output .= '<option value="' . $tag->slug . '">' . $tag->name . '</option>';
}
$output .= '</select>';

// Post type dropdown
$output .= '<select name="post_type">';
$output .= '<option value="all" selected>All Post Types</option>';
foreach ($post_types as $post_type) {
$post_type_object = get_post_type_object($post_type);
$output .= '<option value="' . $post_type . '">' . $post_type_object->label . '</option>';
}
$output .= '</select>';

// Year dropdown
$output .= '<select name="year">';
$output .= '<option value="">Select Year</option>';
for ($year = date('Y'); $year >= 2000; $year--) {
$output .= '<option value="' . $year . '">' . $year . '</option>';
}

$output .= '</select>';
// Month dropdown
$output .= '<select name="month">';
$output .= '<option value="">Select Month</option>';
for ($month = 1; $month <= 12; $month++) {
$output .= '<option value="' . sprintf('%02d', $month) . '">' . date('F', mktime(0, 0, 0, $month, 1)) . '</option>';
}
$output .= '</select>';

// Day dropdown
$output .= '<select name="day">';
$output .= '<option value="">Select Day</option>';
for ($day = 1; $day <= 31; $day++) {
$output .= '<option value="' . sprintf('%02d', $day) . '">' . $day . '</option>';
}
$output .= '</select>';
$output .= '<input type="submit" value="Search">';
$output .= '</form>';
return $output;
}

add_shortcode('wpb_filter_posts_form', 'wpb_filter_posts_form');

Acest cod creează un shortcode numit [wpb_filter_posts_form], care va adăuga un formular ce permite utilizatorilor să caute pe site-ul dvs. Formularul include o bară de căutare pentru cuvinte cheie și mai multe meniuri derulante pentru filtrare.

Codul preia categorii, etichete și tipuri de postări disponibile de pe site-ul dumneavoastră pentru meniurile derulante ale barei de căutare. Utilizatorii pot alege categorii, etichete sau tipuri de postări specifice pentru a-și restrânge rezultatele căutării.

În plus, codul include meniuri derulante pentru an, lună și zi pentru o filtrare și mai precisă după dată. În final, adaugă un buton de trimitere pentru a iniția căutarea cu filtrele alese.

Ca și în codul anterior, puteți lăsa setările „Metodă de inserare” așa cum sunt. Apoi, pur și simplu activați codul și salvați-l.

Încorporarea shortcode-ului formularului de căutare

În această etapă, puteți adăuga shortcode-ul [wpb_filter_posts_form] într-un post, pagină, șablon de temă sau zonă pregătită pentru widget-uri. Pentru mai multe informații, puteți consulta ghidul nostru despre cum să adăugați shortcode-uri în WordPress.

În acest caz, vom adăuga shortcode-ul la o pagină de căutare personalizată. Dacă doriți să faceți același lucru, continuați și creați o pagină nouă în WordPress.

Apoi, personalizați pagina de căutare folosind orice tip de blocuri aveți nevoie. De exemplu, puteți adăuga imagini sau text pentru a instrui cititorii cu privire la modul de utilizare a barei de căutare.

După aceea, puteți face clic pe butonul „+ Adăugare bloc” și selectați blocul „Shortcode”.

Odată terminat, pur și simplu inserați shortcode-ul [wpb_filter_posts_form] în câmpul corespunzător.

Următorul pas este să apăsați butonul „Publicare”, „Actualizare” sau „Salvare” pentru a face modificările live.

Ar trebui să vedeți acum noul dvs. formular de căutare personalizat.

Iată cum arată pe site-ul nostru demo:

Metoda 3: Filtrați postările și paginile cu pluginul Search & Filter (Gratuit)

Ultima metodă este să folosiți pluginul Search & Filter, care este disponibil gratuit. Este o opțiune excelentă dacă căutați o modalitate rapidă și ușoară de a activa funcția de căutare și filtrare pe pagina blogului dvs. WordPress.

Ceea ce doriți să faceți este să instalați și să activați pluginul Search & Filter. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum se instalează un plugin WordPress.

La activare, pluginul va adăuga un nou element de meniu numit „Search & Filter” în zona de administrare WordPress. Făcând clic pe el, veți ajunge la pagina de utilizare a pluginului cu documentație detaliată despre cum să-l utilizați.

Pluginul Search & Filter vine cu un shortcode care acceptă diferiți parametri pentru a afișa opțiunile de filtrare. Puteți utiliza acest shortcode într-un post, pagină sau într-un widget de text:

[searchandfilter fields="search,category,post_tag"]

Aceasta va afișa opțiunile de filtrare cu câmpuri de căutare, categorie și etichetă:

Lucrul grozav la plugin este că puteți personaliza ce opțiuni de filtrare sunt disponibile editând etichetele shortcode.

De exemplu, dacă doriți să includeți câmpuri pentru categorie, etichetă, tip de postare și dată în bara de căutare, atunci va trebui să utilizați acest scurt cod:

[searchandfilter fields="search,category,post_tag,post_types,post_date"]

Așa arată:

Dacă nu doriți să utilizați meniuri derulante, atunci puteți folosi și casete de selectare și adăuga etichete pentru fiecare câmp.

În shortcode-ul de mai jos, spunem plugin-ului să afișeze bara de căutare cu casete de selectare pentru opțiunile de categorie:

[searchandfilter headings="Selectați categoriile:" types="checkbox" fields="category"]

Vă rugăm să verificați exemplul de mai jos:

În plus, puteți spune pluginului să folosească casete de selectare pentru unele opțiuni de filtrare și meniuri derulante pentru altele într-un singur shortcode.

Acesta este shortcode-ul pe care l-am folosit pentru a include tipuri de postări, categorii și etichete în bara de căutare. Am cerut pluginului să folosească casete de selectare pentru opțiunea de tipuri de postări:

[searchandfilter headings="Tip postare, Categorie, Etichetă" types="checkbox, select, select" fields="post_types,category,post_tag"]

Nu ezitați să consultați documentația plugin-ului pentru mai multe moduri de a utiliza shortcode-ul.

Sfat Bonus: Adăugați Căutare Live Ajax pe Site-ul Dumneavoastră WordPress

Acum că știți cum să permiteți utilizatorilor să filtreze postări și pagini, puteți duce lucrurile mai departe și îmbunătăți experiența de căutare cu căutare Ajax live.

Căutarea Ajax live folosește tehnologia în timp real pentru a afișa rezultatele căutării pe măsură ce utilizatorii își tastează interogările. Acest lucru înseamnă că nu mai trebuie să așteptați reîmprospătarea unei pagini. Rezultatele vor apărea instantaneu, făcând procesul de căutare mult mai rapid și mai convenabil pentru vizitatorii dvs.

O experiență de căutare mai rapidă înseamnă că puteți menține utilizatorii pe site-ul dvs. mai mult timp, crescând numărul de vizualizări ale paginilor și reducând rata de respingere.

Vestea bună este că puteți adăuga cu ușurință această funcționalitate pe site-ul dvs. cu un plugin gratuit numit SearchWP Live Ajax Search. Puteți citi tutorialul nostru WordPress despre cum să adăugați căutare Ajax live pe site-ul dvs. WordPress pentru mai multe informații.

Sperăm că acest articol v-a ajutat să învățați cum să permiteți utilizatorilor să filtreze postările și paginile în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să creați un director web și selecțiile noastre experte de plugin-uri de căutare WordPress pentru a îmbunătăți căutarea pe site-ul dumneavoastră.

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.