Möchten Sie Benutzer Beiträge und Seiten auf Ihrer WordPress-Website filtern lassen?
Benutzer besuchen Ihre Website oft auf der Suche nach einem bestimmten Inhalt. Vielleicht interessieren sie sich für Ihre neuesten Tutorials oder Produktbewertungen. Wäre es nicht hilfreich, wenn sie Ihre Inhalte einfach filtern könnten, um genau das zu finden, wonach sie suchen?
In diesem Artikel zeigen wir Ihnen, wie Sie Benutzer Beiträge und Seiten in WordPress mit einer praktischen Such- und Filterfunktion filtern lassen können.
Warum eine Filter Funktion für Ihre WordPress Beiträge und Seiten hinzufügen?
Haben Sie schon einmal eine Website besucht, die vor Inhalten überquillt und auf der Sie nur mit Mühe finden, was Sie brauchen? Das kann für Benutzer frustrierend sein und dazu führen, dass sie Ihre Website ganz verlassen.
Letztendlich kann sich dies negativ auf die Suchmaschinenoptimierung auswirken, da Suchmaschinen die Erfahrung der Benutzer als Ranking-Faktor betrachten. Eine Website mit hohen Absprungraten und geringem Engagement kann von Suchmaschinen als weniger wertvoll eingestuft werden.
Zum Glück gibt es eine einfache Lösung: die Implementierung einer Such- und Filterfunktion auf Ihrer WordPress-Website. Mit diesem leistungsstarken Werkzeug können Benutzer den Inhalt nach bestimmten Kriterien eingrenzen, so dass es ein Kinderspiel ist, das zu finden, was sie suchen.
Eine Such- und Filter-Funktion ist nicht nur für WordPress-Blogs gut. Sie ist auch ideal für Websites wie Foren mit Tausenden von Themen. Auf diese Weise können Benutzer nach Thema, Datum oder Autor nach der richtigen Diskussion suchen.
Wenn Sie eine Website für Podcasts haben, können die Hörer mit dieser Funktion nach der gewünschten Episode suchen.
Sehen wir uns daher 3 einfache Methoden an, mit denen Benutzer Beiträge und Seiten auf Ihrer WordPress Website filtern können. Sie können die Links unten verwenden, um zu Ihrer bevorzugten Methode zu springen:
Methode 1: Beiträge und Seiten mit SearchWP filtern (empfohlen)
SearchWP ist ein leistungsstarkes WordPress Plugin für die Suche und unsere Top-Empfehlung für das Hinzufügen von Filterfunktionen zu Ihrer Website. Es ist sehr benutzerfreundlich, was es zu einer guten Wahl für Anfänger macht.
Hinweis: SearchWP bietet keine kostenlose Version an, Sie müssen also einen Premium-Plan erwerben. Mehr über das Plugin erfahren Sie in unserem umfassenden SearchWP Test.
Hier finden Sie eine Schritt-für-Schritt-Anleitung, wie Sie mit SearchWP ein individuelles Suchformular mit Optionen zum Filtern erstellen.
Schritt 1: SearchWP installieren und einrichten
Zunächst müssen Sie das SearchWP Plugin installieren und aktivieren. Wenn Sie neu in diesem Bereich sind, haben wir eine hilfreiche Anleitung zur Installation eines WordPress Plugins.
Gehen Sie nach der Aktivierung zu SearchWP “ Einstellungen. Auf dem Tab „Allgemein“ geben Sie Ihren Lizenzschlüssel ein, um ihn zu aktivieren.
Gehen Sie nun zu SearchWP “ Algorithmus. Hier können Sie entweder die Standard-Suchmaschine bearbeiten oder eine zusätzliche erstellen.
Mit der Standard-Engine können Benutzer Seiten, Beiträge, Medien und Kommentare durchsuchen, was für einen typischen WordPress-Blog gut geeignet ist.
Andererseits kann die zusätzliche Suchmaschine andere Quellen wie Kategorien, Schlagwörter, Individuelle Inhaltstypen und individuelle Taxonomien nutzen. Dies kann nützlich sein, um eine Such- und Filterform für Nicht-Blog-Inhalte zu erstellen, z. B. einen eCommerce-Produktfilter für WooCommerce-Websites.
In diesem Tutorial werden wir die Standard-Engine oben halten und einfach die Einstellungen anpassen. Klicken Sie dazu auf „Quellen und Einstellungen“.
Da wir eine Such- und Filterfunktion erstellen, um Beiträge und Seiten zu filtern, werden wir nur Seiten und Beiträge als Quellen für die WordPress-Suchmaschine angeben.
Außerdem haben wir die Funktion „Keyword Stems“ aktiviert, die es SearchWP ermöglicht, auch dann Ergebnisse anzuzeigen, wenn das Schlüsselwort nicht perfekt passt.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf „Fertig“.
Schritt 2: Feinabstimmung Ihrer Suchmaschine
Nun sehen Sie einen Abschnitt für alle von Ihnen ausgewählten Quellen (in unserem Fall nur Seiten und Beiträge).
Jede Quelle verfügt über Slider für „Relevanz der anwendbaren Attribute“. Diese Slider bestimmen, wie viel Gewicht SearchWP den einzelnen Attributen beim Ranking der Suchergebnisse gibt.
Einfacher ausgedrückt: Inhalte, die eng mit einem hoch gewichteten Attribut übereinstimmen, erscheinen in den Suchergebnissen weiter oben.
Wenn Sie z. B. dem Attribut „Beitragsinhalt“ mehr Gewicht geben als dem Attribut „Beitragstitel“, wird SearchWP die Suchergebnisse bevorzugen, bei denen der Begriff im Inhalt selbst erscheint.
Sie können diese Slider nach Belieben einstellen.
Sie können auch auf „Attribute hinzufügen/entfernen“ klicken.
Daraufhin erscheint ein Popup, in dem Sie weitere Attribute hinzufügen oder löschen können.
Sie können zum Beispiel individuelle Taxonomien oder individuelle Felder einfügen , um sie durchsuchbar zu machen.
Eine weitere leistungsstarke Funktion ist die Möglichkeit, Regeln zu erstellen, mit denen bestimmte Inhalte in die Suchergebnisse aufgenommen oder ausgeschlossen werden können.
Klicken Sie dazu einfach auf den Button „Regeln bearbeiten“.
Mit dieser Einstellung können Sie irrelevante Inhalte herausfiltern oder bestimmte Kategorien hervorheben.
Klicken Sie im nächsten Popup auf „Regel hinzufügen“.
Wählen Sie nun einfach aus dem Dropdown-Menü die Option „Einträge nur anzeigen, wenn“ oder „Einträge ausschließen, wenn“.
Dann können Sie wählen, ob der Inhalt ausgeschlossen oder einbezogen werden soll, wenn er Teil einer bestimmten Taxonomie ist, innerhalb eines bestimmten Datumsbereichs veröffentlicht wurde oder eine bestimmte ID hat.
Um eine weitere Regel hinzuzufügen, klicken Sie einfach auf den Button „Regel hinzufügen“ und wiederholen Sie den oben beschriebenen Vorgang. Wenn Sie mit der Einrichtung der Regeln zufrieden sind, klicken Sie auf „Fertig“.
Sie können nun den gleichen Vorgang für die anderen Quellen der Sucheingabe wiederholen.
Wenn Sie mit der Suchmaschine zufrieden sind, gehen Sie zurück zum Anfang der Seite und klicken Sie auf „Speichern“.
SearchWP wird nun den Index neu aufbauen, was einige Minuten dauern kann.
Sobald Sie „Index Status 100%“ sehen, bedeutet dies, dass SearchWP alle Ihre Inhalte und Regeln für die Suchmaschine indiziert hat.
Schritt 3: Erstellen Sie ein individuelles Suchformular
Nun, da die Suchmaschine konfiguriert ist, erstellen wir ein benutzerfreundliches Suchformular mit Optionen zum Filtern.
Gehen Sie zu SearchWP “ Suchformulare und klicken Sie auf „Neu hinzufügen“.
Geben Sie Ihrem Formular zunächst einen erkennbaren Namen.
Dies ist nur für Ihre interne Referenz, der Name kann also alles sein, was Sie sich leicht merken können.
Wählen Sie dann ein Layout aus.
In diesem Tutorial werden wir die Option „Kombiniert“ verwenden, da sie die meisten Filter-Menüs bietet.
Scrollen Sie nun zum Abschnitt „Individuelles Styling“ und wählen Sie die Optionen „Kategoriesuche“ und „Erweiterte Suche“. Dadurch wird sichergestellt, dass Ihr Formular alle Funktionen zum Filtern enthält.
Sie können optional die Option „Schnellsuche“ wählen, wenn Sie einige vorgeschlagene Begriffe unterhalb der Suchleiste hinzufügen möchten.
Wählen Sie dann im Menü „Engine“ die Suchmaschine aus, die Sie zuvor erstellt haben.
Bei „Ergebnisse“ können Sie wählen, welche Seite für die Suchergebnisse verwendet werden soll: die Standard-WordPress-Ergebnisse oder die SearchWP-Version.
Wählen Sie unter „Art der Suche“ Beiträge und Seiten aus.
Darunter können Sie die Namen der Kategorien hinzufügen, die Sie in das Filter-Menü aufnehmen möchten.
Geben Sie für die Feldbezeichnung einen Platzhaltertext ein, der im Suchfeld angezeigt wird, z. B. „Wonach suchen Sie?“.
Wenn Sie zuvor „Schnellsuche“ ausgewählt haben, können Sie Begriffe, nach denen Benutzer häufig suchen, in die Schnellsuche aufnehmen.
In den „Erweiterten Suchfiltern“ wählen Sie einfach aus, welche Optionen Sie den Benutzern anbieten möchten, z. B. Autoren, Inhaltstypen oder Schlagwörter.
Schließlich können Sie unter „Formularstil“ und „Button-Stil“ das Aussehen des Suchformulars individuell an das Design Ihrer Website anpassen.
Sie können die Farben, Schriften und Formen des Suchformulars ändern.
Sobald alles eingerichtet ist, scrollen Sie wieder nach oben.
Klicken Sie dann auf „Speichern“, um Ihr Suchformular zu erstellen.
Schritt 4: Einbetten des Such- und Filterformulars
Mit dem SearchWP Plugin können Sie das Suchformular ganz einfach im Frontend Ihrer Website einbetten, z. B. auf Ihrer Homepage oder in widgetfähigen Bereichen. Hier werden wir das Hinzufügen zu einer Seite mit dem WordPress Block-Editor und dem Suchformular-Block demonstrieren.
Öffnen Sie zunächst die Seite oder den Beitrag, zu dem Sie das Formular hinzufügen möchten. Klicken Sie dann auf das Symbol „+ Block hinzufügen“ und suchen Sie nach „Formular suchen“.
Wählen Sie in der Seitenleiste „Blockeinstellungen“ das von Ihnen erstellte Formular aus dem Dropdown-Menü.
Veröffentlichen oder aktualisieren Sie schließlich die Seite, um das Suchformular live zu sehen.
Weitere Informationen finden Sie in diesen Schritt-für-Schritt-Anleitungen:
- Hinzufügen eines Suchformulars in einem WordPress-Beitrag
- Hinzufügen einer Suchleiste zum WordPress-Menü
Alternativ können Sie das Formular auch über einen Shortcode anzeigen.
Suchen Sie dazu den Shortcode für Ihr spezielles Formular, indem Sie zu SearchWP “ Search Forms gehen und den Code in der Spalte „Shortcode“ kopieren.
Wir haben eine Anleitung, wie man Shortcodes in WordPress hinzufügt, falls Sie Hilfe benötigen.
Mit dem Suchformular und den Optionen zum Filtern können Ihre Besucher jetzt ganz einfach die Inhalte finden, die sie auf Ihrer Website suchen.
Dies verbessert nicht nur die Erfahrung der Benutzer, sondern kann sie auch dazu ermutigen, verschiedene Kategorien zu erkunden und mehr von Ihren wertvollen Inhalten zu entdecken.
Methode 2: Beiträge und Seiten mit individuellem Code filtern (Erweitert)
Bei der nächsten Methode wird individueller Code verwendet. Für Anfänger mag dieser Prozess einschüchternd wirken, aber wir haben den Code ausprobiert und getestet, um sicherzustellen, dass er reibungslos mit Ihrer Website funktioniert.
Außerdem werden wir WPCode verwenden, das beste Plugin für Codeschnipsel auf dem Markt. Mit diesem Plugin können Sie individuellen Code sicher einfügen, ohne direkt in die Dateien Ihrer Website einzugreifen, so dass die Wahrscheinlichkeit, dass Sie Ihre Website beschädigen, geringer ist.
Der erste Schritt besteht darin, WPCode zu installieren. Weitere Informationen finden Sie in unserer Anleitung zur Installation eines WordPress Plugins.
Hinweis: Sie können auch das kostenlose WPCode Plugin für dieses Tutorial verwenden, aber mit einem Upgrade auf das Premium Plugin erhalten Sie Zugang zu einer cloudbasierten Code-Snippet-Bibliothek, WooCommerce-Integrationen und mehr.
Sobald das erledigt ist, gehen Sie in Ihrem WordPress-Administrationsbereich zu Code Snippets “ + Snippet hinzufügen . Wählen Sie dann „Fügen Sie Ihren individuellen Code hinzu (Neues Snippet)“ und klicken Sie auf den Button „Snippet verwenden“.
Nun gibt es zwei Arten von Codefragmenten, die Sie hinzufügen müssen. Gehen wir sie der Reihe nach durch:
Hinzufügen eines WordPress-Filter-Codes
Dieser Code weist WordPress an, die Suchergebnisse des Benutzers anhand der Optionen zu filtern, die er im Suchformular ausgewählt hat. Er arbeitet mit einem anderen Codeschnipsel zusammen, der für das Erstellen des Suchformulars verantwortlich ist, über das wir später sprechen werden.
Zunächst müssen Sie Ihrem neuen Snippet einen Namen geben. Das kann etwas so Einfaches wie „WordPress Search Filter“ sein.
Ändern Sie dann den Codetyp in „PHP Snippet“.
Kopieren Sie dann den folgenden Code und fügen Sie ihn in die Box „Codevorschau“ ein:
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');
Dieses Codeschnipsel prüft, ob der Benutzer im Suchformular einen Filter ausgewählt hat. Wenn zum Beispiel ein Filter für Kategorien ausgewählt wurde, kann der Code diese Kategorie identifizieren und nur Beiträge anzeigen, die zu dieser Kategorie gehören.
Die Ergebnisse können auch nach Datum gefiltert werden, indem man nach dem Jahr, dem Monat und dem Tag sucht, die der Benutzer ausgewählt hat.
Schließlich prüft und filtert der Code die Ergebnisse danach, ob der Benutzer nur Beiträge, Seiten oder alle Inhaltstypen (einschließlich individueller Inhaltstypen) sehen möchte.
Nachdem Sie den Code eingefügt haben, blättern Sie nach unten zum Abschnitt „Position einfügen“. Standardmäßig ist die Einfügemethode „Automatisch einfügen“ und die Position ist „Überall ausführen“.
Sie können diese Einstellungen so belassen, wie sie sind, damit der Code in die Datei functions.php Ihres WordPress Themes eingefügt werden kann und ordnungsgemäß funktioniert.
Aktivieren Sie dann einfach das Code-Snippet und klicken Sie auf „Snippet speichern“.
Hinzufügen eines WordPress-Suchformularcodes
Mit dem folgenden Code wird ein individuelles Suchformular erstellt, das Sie später mit einem Shortcode einbetten können.
Alles, was Sie tun müssen, ist, die gleichen Schritte zu wiederholen, um individuellen Code mit WPCode wie zuvor hinzuzufügen. Dann können Sie diesen Code „WordPress Search Form“ nennen und den Codetyp in „PHP Snippet“ ändern.
Fügen Sie nun den unten stehenden Codeschnipsel in die Box „Codevorschau“ ein:
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');
Dieser Code erstellt einen Shortcode namens [wpb_filter_posts_form]
, der ein Formular einfügt, mit dem Benutzer Ihre Website durchsuchen können. Das Formular enthält eine Suchleiste für Schlüsselwörter und mehrere Dropdown-Menüs zum Filtern.
Der Code ruft Kategorien, Schlagwörter und verfügbare Inhaltstypen von Ihrer Website für die Dropdown-Menüs der Suchleiste ab. Benutzer können bestimmte Kategorien, Schlagwörter oder Inhaltstypen auswählen, um ihre Suchergebnisse einzugrenzen.
Darüber hinaus enthält der Code Dropdowns für Jahr, Monat und Tag für eine noch präzisere Filterung nach Datum. Schließlich fügt er einen Submit Button hinzu, um die Suche mit den gewählten Filtern zu starten.
Like in dem vorherigen Code können Sie die Einstellungen für die Einfügemethode so belassen, wie sie sind. Aktivieren Sie dann den Code und speichern Sie ihn.
Einbetten des Shortcodes für das Suchformular
In diesem Stadium können Sie den Shortcode [wpb_filter_posts_form]
zu einem Beitrag, einer Seite, einem Theme-Template oder einem widget-ready-Bereich hinzufügen. Weitere Informationen finden Sie in unserer Anleitung zum Hinzufügen von Shortcodes in WordPress.
In diesem Fall werden wir den Shortcode zu einer individuellen Seite hinzufügen. Wenn Sie das Gleiche tun möchten, erstellen Sie einfach eine neue Seite in WordPress.
Anschließend können Sie die Seite individuell anpassen, indem Sie jede Art von Blöcken verwenden, die Sie benötigen. Sie können zum Beispiel Bilder oder Text hinzufügen, um den Besuchern zu zeigen, wie sie die Suchleiste benutzen sollen.
Klicken Sie anschließend auf den Button „+ Block hinzufügen“ und wählen Sie den Block „Shortcode“ aus.
Fügen Sie dann einfach den Shortcode [wpb_filter_posts_form]
in das entsprechende Feld ein.
Klicken Sie auf den Button Veröffentlichen, Aktualisieren oder Speichern, um Ihre Änderungen zu aktivieren.
Sie sollten nun Ihr neues individuelles Suchformular sehen.
So sieht es auf unserer Demo-Website aus:
Methode 3: Beiträge und Seiten mit dem Search & Filter Plugin filtern (kostenlos)
Die letzte Methode ist die Verwendung des Plugins Search & Filter, das kostenlos erhältlich ist. Es ist eine großartige Option, wenn Sie nach einer schnellen und einfachen Möglichkeit suchen, die Such- und Filter-Funktion auf Ihrer WordPress Blog Seite zu aktivieren.
Sie möchten das Programm installieren und aktivieren Suchen & Filtern Plugin. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress Plugins.
Nach der Aktivierung fügt das Plugin einen neuen Menüpunkt mit der Bezeichnung „Suchen & Filtern“ zu Ihrem WordPress-Administrationsbereich hinzu. Wenn Sie darauf klicken, gelangen Sie auf die Seite zur Nutzung des Plugins mit einer ausführlichen Dokumentation zur Verwendung des Plugins.
Das Plugin Search & Filter verfügt über einen Shortcode, der verschiedene Parameter akzeptiert, um die Optionen anzuzeigen. Sie können diesen Shortcode in einem Beitrag, auf einer Seite oder in einem Textwidget verwenden:
[searchandfilter fields="search,category,post_tag"]
Dadurch werden die Optionen zum Filtern mit Such-, Kategorie- und Schlagwortfeldern angezeigt:
Das Tolle an dem Plugin ist, dass Sie die Optionen zum Filtern individuell anpassen können, indem Sie die Schlagwörter des Shortcodes bearbeiten.
Wenn Sie zum Beispiel Kategorien, Schlagwörter, Inhaltstypen und Datumsfelder in die Suchleiste aufnehmen möchten, müssen Sie diesen Shortcode verwenden:
[searchandfilter fields="search,category,post_tag,post_types,post_date"]
So sieht es aus:
Wenn Sie keine Dropdown-Menüs verwenden möchten, können Sie auch Kontrollkästchen verwenden und für jedes Feld Beschriftungen hinzufügen.
Im Shortcode unten teilen wir dem Plugin mit, dass es die Suchleiste mit Checkboxen für die Optionen der Kategorien anzeigen soll:
[searchandfilter headings="Select categories:" types="checkbox" fields="category"]
Sehen Sie sich das folgende Beispiel an:
Außerdem können Sie das Plugin anweisen, in einem Shortcode Kontrollkästchen für einige Optionen und Dropdown-Menüs für andere zu verwenden.
Dies ist der Shortcode, den wir verwendet haben, um Inhaltstypen, Kategorien und Schlagwörter in die Suchleiste aufzunehmen. Wir haben das Plugin gebeten, Checkboxen für die Option „Inhaltstypen“ zu verwenden:
[searchandfilter headings="Beitragstyp, Kategorie, Schlagwort" types="checkbox, select, select" fields="post_types,category,post_tag"]
Weitere Möglichkeiten zur Verwendung des Shortcodes finden Sie in der Dokumentation des Plugins.
Bonus-Tipp: Fügen Sie Ihrer WordPress Website eine Live-Ajax-Suche hinzu
Jetzt, da Sie wissen, wie Sie Benutzer Beiträge und Seiten filtern lassen können, können Sie einen Schritt weiter gehen und die Sucherfahrung mit der Ajax-Live-Suche verbessern.
Die Live-Ajax-Suche nutzt die Echtzeit-Technologie, um Suchergebnisse anzuzeigen, während die Benutzer ihre Abfragen eingeben. Das bedeutet, dass Sie nicht mehr darauf warten müssen, dass eine Seite aktualisiert wird. Die Ergebnisse werden sofort angezeigt, wodurch der Suchprozess für Ihre Besucher viel schneller und bequemer wird.
Ein schnelleres Sucherlebnis bedeutet, dass Sie Benutzer länger auf Ihrer Website halten können, was die Seitenaufrufe erhöht und die Absprungrate verringert.
Die gute Nachricht ist, dass Sie diese Funktionalität mit einem kostenlosen Plugin namens SearchWP Live Ajax Search ganz einfach zu Ihrer Website hinzufügen können. Weitere Informationen finden Sie in unserem WordPress-Tutorial über das Hinzufügen der Live-Ajax-Suche zu Ihrer Website.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Benutzer Beiträge und Seiten in WordPress filtern lässt. Vielleicht interessiert Sie auch unsere Anleitung zum Erstellen eines Verzeichnisses in WordPress und unsere Auswahl von WordPress Plugins, die Sie unbedingt brauchen, um Ihre Website zu erweitern.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Himanshu Gautam
hi
I am using this plugin
is there any option to select a category without hitting the submit button?
Marwan Nour
Hello there,
I am trying to implement Search & Filter in a website that’s both in Arabic and in English. The English version of the Search & Filter is working well however in the Arabic Version, after hitting search, I am redirected to the English Version of the search page with the results in English. Can anyone help me with that issue please? Thank you
WPBeginner Support
You would want to reach out to the plugin’s support to see if this could be a conflict with the plugin and the translation plugin you’re using.
Admin
Tom Ale
Hi, I am using Wordpress with Gantry.
I installed this plugin and used a shortcode. It appears where it suppose to be. When clicking the button to filter content, nothing happens. Did anyone face this problem? Help, please.
Sébastien Albert
Hi,
Search & Filter looks great. But could you tell me if it can do that :
I would have a filter on tags but only on one category which I could define…
Thanks a lot
Sebastien
Soumik Sadman Anwar
How can I create filter options in a single post?
For example, If I am interested in writing a post „Necessary Tools to Build A Website“ and want to include filter options like Purpose Based Tools (like SEO, Design etc.) and the Price option (Free or Paid), how do I do it?
Pavel
Great plugin, but have some limitations and bugs.
1. No Reset button.
2. When I uncheck all checkboxes and press Submit, it transfers to the front page.
Maybe there’s an option Show all?
Wolney Mamede
First of all, thanks for the post.
I would like to know if it is possible to filter the search from the group of fields, created from the „Advanced Custom Fields – v. 4.4.12“ plugin.
Also by default, the search would be restricted to a custom post type from the „Custom Post Type UI – v. 1.5.8“ plugin.
Sultan Haider
Hi, I had created employ database on tablepress and i want to filter in front end employ according to year wise for example if i select 2013 this shows only those employ which join in 2013.
i have perform lot of research but i cant find free pluggin according to my need.
please help me for suggestion.
thanks
Christine
Thanks a lot for the comprehensive article. Do you know if it is also possible to have only certain tags in the dropdowns?
Pawan
Great Job. just one last question. Instead of searching the post, is it possible to search category using the search string? I would like to show all the possible post in search page and then the category if it matches the search string (partially or fully).
Maz
Hi,
Great as always.
I just wonder would the use of this plugin be recommended on a site with many posts? Will it not lead to slower load time?
Thanks
Matus
Could you please give us a little bit deeper look to your behind the scenes? (in Blueprint post you write only what you’re using – you can also write if you want, how to properly set up plugins, themes…)
For example tutorial on 10 tips and trick to masterize or customize Genesis Framework would be really really helpful.
Patxi
Hi WPBeginner!
In relation to the filters of new taxonomies, a question of initiation, how I can visualize in the post a new taxonomy for a second type of labels that later I can filter with this plugin?
It would be an interesting topic.
Thanks for you post!
Omer Causey
Your suggestions for allowing users to filter posts are welcome, but the explanation of how and where to insert the required shortcode is beyond this beginner’s understanding.
WPBeginner Support
Hi Omer,
You can add the shortcode in a post or page. If you want to display the filter site-wide then you will need to edit your WordPress theme files and use the template tag instead.
Admin