So können Benutzer Beiträge und Seiten in WordPress filtern (3 Methoden)

Eine wachsende Inhaltsbibliothek ist oft ein Zeichen für eine gesunde WordPress-Website. Aber mehr Inhalt bedeutet nicht immer ein besseres Erlebnis. Vor allem, wenn Besucher nicht finden, wonach sie suchen.

Wir haben dies auf vielen wachsenden Blogs beobachtet: Unmengen großartiger Beiträge, aber keine einfache Möglichkeit für Besucher, sie zu filtern, sodass sie frustriert abbrechen.

Das bedeutet, dass das Hinzufügen von Filtern zu Ihren Beiträgen und Seiten nicht nur ein nettes Extra ist. Es ist ein Muss, wenn Sie die Besucher engagiert halten wollen.

Wenn Menschen Ihre Inhalte schnell nach Kategorie, Tag, Datum oder sogar benutzerdefinierten Feldern sortieren können, bleiben sie viel eher dabei und erkunden Ihre Website.

Wir haben viel Zeit damit verbracht, verschiedene Filterlösungen zu recherchieren und zu testen, um dieses Problem zu lösen. In diesem Leitfaden führen wir Sie durch 3 der einfachsten und effektivsten Möglichkeiten, mit denen Benutzer Beiträge und Seiten in WordPress mit SearchWP, WPCode und dem Search & Filter-Plugin filtern können.

Warum eine Filterfunktion für Ihre WordPress-Beiträge und -Seiten hinzufügen?

Haben Sie schon einmal eine WordPress-Website besucht, die mit Inhalten überquoll, aber Schwierigkeiten hatten, das zu finden, was Sie brauchen? Dies kann für Benutzer frustrierend sein und dazu führen, dass sie Ihre Website ganz verlassen.

Dies kann sich letztendlich negativ auf die SEO auswirken, da Suchmaschinen die Benutzererfahrung als Rankingfaktor betrachten. Eine Website mit hohen Absprungraten und geringem Engagement könnte von Suchmaschinen als weniger wertvoll angesehen werden.

Glücklicherweise gibt es eine einfache Lösung: die Implementierung einer Such- und Filterfunktion auf Ihrer WordPress-Website. Dieses leistungsstarke Tool ermöglicht es Benutzern, Inhalte anhand spezifischer Kriterien einzugrenzen, sodass sie mühelos finden, wonach sie suchen.

Eine Such- und Filterfunktion ist nicht nur für WordPress-Blogs gut. Sie ist auch ideal für Websites wie Foren mit Tausenden von Threads. Auf diese Weise können Benutzer die richtige Diskussion nach Thema, Datum oder Autor durchsuchen.

Oder, wenn Sie eine Podcast-Seite haben, können Hörer mit dieser Funktion nach ihrer bevorzugten Episode suchen.

In diesem Sinne zeigen wir Ihnen 3 einfache Methoden, mit denen Benutzer Beiträge und Seiten auf Ihrer WordPress-Site filtern können. Sie können die Schnelllinks unten verwenden, um zu Ihrer bevorzugten Methode zu springen:

• Methode 1: Beiträge und Seiten mit SearchWP filtern (empfohlen)
• Methode 2: Beiträge und Seiten mit benutzerdefiniertem Code filtern (Fortgeschritten)
• Methode 3: Beiträge und Seiten mit dem Plugin Search & Filter filtern (kostenlos)
• Bonus-Tipp: Live-Ajax-Suche zu Ihrer WordPress-Website hinzufügen

Bereit? Legen wir los!

Methode 1: Beiträge und Seiten mit SearchWP filtern (empfohlen)

SearchWP ist ein leistungsstarkes WordPress-Such-Plugin und unsere Top-Empfehlung für die Hinzufügung von Filterfunktionen zu Ihrer Website. Es ist sehr benutzerfreundlich und somit eine großartige Wahl für Anfänger.

Hier ist eine Schritt-für-Schritt-Anleitung, wie Sie SearchWP verwenden, um ein benutzerdefiniertes Suchformular mit Filteroptionen zu erstellen.

Schritt 1: SearchWP installieren und einrichten

Zuerst müssen Sie das Plugin SearchWP installieren und aktivieren. Wenn Sie neu hier sind, haben wir eine hilfreiche Anleitung, wie man ein WordPress-Plugin installiert.

Sobald es aktiviert ist, können Sie zu SearchWP » Einstellungen gehen. Gehen Sie dann im Tab „Allgemein“ Ihren Lizenzschlüssel ein, um ihn zu aktivieren.

Nun, gehen wir zu SearchWP » Algorithmus. Hier können Sie entweder die Standard-Suchmaschine bearbeiten oder eine zusätzliche erstellen.

Die Standard-Engine ermöglicht es Benutzern, Seiten, Beiträge, Mediendateien und Kommentare zu durchsuchen, was für einen typischen WordPress-Blog gut ist.

Auf der anderen Seite kann die zusätzliche Suchmaschine andere Quellen wie Kategorien, Tags, benutzerdefinierte Beitragstypen und benutzerdefinierte Taxonomien verwenden. Dies kann nützlich sein, um ein Filterformular für Nicht-Blog-Inhalte zu erstellen, wie z. B. einen eCommerce-Produktfilter für WooCommerce-Websites.

Für dieses Tutorial bleiben wir bei der Standard-Engine und passen einfach deren Einstellungen an. Dazu können Sie auf „Quellen & Einstellungen“ klicken.

Da wir eine Such- und Filterfunktion zum Filtern von Beiträgen und Seiten erstellen, werden wir nur Seiten und Beiträge als Quellen für die WordPress-Suchmaschine aufnehmen.

Wir haben auch die Funktion 'Keyword-Stämme' aktiviert, die es SearchWP ermöglicht, Ergebnisse anzuzeigen, auch wenn das Keyword keine perfekte Übereinstimmung ist.

Wenn Sie mit den Einstellungen zufrieden sind, können Sie einfach auf 'Fertig' klicken.

Schritt 2: Feinabstimmung Ihrer Suchmaschine

Nun sehen Sie einen Abschnitt für alle von Ihnen ausgewählten Quellen (in unserem Fall nur Beiträge und Seiten).

Jede Quelle hat Schieberegler für 'Relevanz der anwendbaren Attribute'. Diese Schieberegler bestimmen, wie viel Gewicht SearchWP jedem Attribut bei der Rangfolge von Suchergebnissen gibt.

Einfacher ausgedrückt: Inhalte, die eng mit einem hoch gewichteten Attribut übereinstimmen, werden in den Suchergebnissen höher angezeigt.

Wenn Sie beispielsweise dem Attribut 'Post Content' mehr Gewicht geben als dem Attribut 'Post Title', wird SearchWP Ergebnisse priorisieren, bei denen der Suchbegriff im Inhalt selbst vorkommt.

Sie können diese Schieberegler nach Ihren Wünschen anpassen.

Sie können auch auf „Attribute hinzufügen/entfernen“ klicken.

Dies öffnet ein Popup, in dem Sie weitere Attribute hinzufügen oder löschen können.

Zum Beispiel könnten Sie benutzerdefinierte Taxonomien oder benutzerdefinierte Felder einbeziehen, um sie durchsuchbar zu machen.

Eine weitere leistungsstarke Funktion ist die Möglichkeit, Regeln zu erstellen, die bestimmte Inhalte von den Suchergebnissen ausschließen oder einschließen.

Klicken Sie dazu einfach auf die Schaltfläche „Regeln bearbeiten“.

Diese Einstellung ermöglicht es Ihnen, irrelevante Inhalte herauszufiltern oder bestimmte Kategorien hervorzuheben.

Im nächsten Popup können Sie auf „Regel hinzufügen“ klicken.

Klicken Sie nun einfach auf das Dropdown-Menü und wählen Sie „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 die Schaltfläche „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 den gleichen Vorgang bei Bedarf für die anderen Suchquellen wiederholen.

Wenn Sie mit der Suchmaschine zufrieden sind, können Sie zum Seitenanfang zurückkehren und auf 'Speichern' klicken.

SearchWP wird nun den Index neu aufbauen, was einige Minuten dauern kann.

Sobald Sie „Indexstatus 100 %“ sehen, bedeutet dies, dass SearchWP alle Ihre Inhalte und Regeln für die Suchmaschine indiziert hat.

Schritt 3: Benutzerdefiniertes Suchformular erstellen

Jetzt, da die Suchmaschine konfiguriert ist, erstellen wir ein benutzerfreundliches Suchformular mit Filteroptionen.

Gehen Sie zunächst zu SearchWP » Suchformulare und klicken Sie dann auf „Neu hinzufügen“.

Auf dem nächsten Bildschirm geben Sie Ihrem Formular zuerst einen erkennbaren Namen.

Dies dient nur Ihrer internen Referenz, daher kann der Name alles sein, was Sie sich leicht merken können.

Dann wählen Sie ein Layout.

Für dieses Tutorial verwenden wir die Option „Kombiniert“, da sie die meisten Filtermenüs bietet.

Jetzt können Sie zum Abschnitt 'Benutzerdefiniertes Styling' scrollen und sowohl die Optionen 'Kategorie-Suche' als auch 'Erweiterte Suche' auswählen. Dies stellt sicher, dass Ihr Formular alle Filterfunktionen enthält.

Sie können optional „Schnellsuche“ auswählen, wenn Sie einige vorgeschlagene Suchbegriffe unter der Suchleiste hinzufügen möchten.

Wählen Sie dann im Menü „Engine“ die zuvor erstellte Suchmaschine aus.

Unter „Ergebnisse“ können Sie auswählen, welche Suchergebnisseite verwendet werden soll: die Standard-WordPress-Ergebnisse oder die Version von SearchWP.

Wählen Sie unter „Art der Suche“ die Optionen „Beiträge“ und „Seiten“ aus.

Darunter können Sie die Kategorienamen hinzufügen, die Sie in das Filtermenü aufnehmen möchten.

Geben Sie für das 'Feld-Label' einen Platzhaltertext ein, der im Suchfeld angezeigt wird, z. B. 'Wonach suchen Sie?'

Wenn Sie zuvor 'Quick Search' ausgewählt haben, können Sie im Feld 'Quick Search Items' Begriffe einfügen, nach denen Benutzer häufig suchen könnten.

Wählen Sie im Bereich „Erweiterte Suchfilter“ einfach aus, welche Filteroptionen Sie den Benutzern anbieten möchten, z. B. „Autoren“, „Beitragstypen“ oder „Tags“.

Gehen Sie schließlich im Menü „Form Style“ und „Button Style“ die Anpassung des Erscheinungsbilds des Suchformulars vor, um es an das Design Ihrer Website anzupassen.

Sie können die Farben, Schriftarten und Formen des Suchformulars ändern.

Wenn alles eingerichtet ist, können Sie wieder nach oben scrollen.

Dann ist es an der Zeit, auf „Speichern“ zu klicken, um Ihr Suchformular zu erstellen.

Schritt 4: Formular für Suche und Filter einbetten

Das SearchWP-Plugin ermöglicht es Ihnen, das Suchformular einfach am Frontend Ihrer Website einzubetten, z. B. auf Ihrer Homepage oder in Widget-Bereichen. Hier zeigen wir, wie Sie es mit dem WordPress-Block-Editor und dem Suchformular-Block zu einer Seite hinzufügen.

Zuerst können Sie die Seite oder den Beitrag öffnen, zu dem Sie das Formular hinzufügen möchten. Klicken Sie dann auf das Symbol „+ Block hinzufügen“ und suchen Sie nach „Suchformular“.

In der Seitenleiste 'Blockeinstellungen' wählen Sie das von Ihnen erstellte Formular aus dem Dropdown-Menü aus.

Klicken Sie abschließend einfach auf „Veröffentlichen“ oder „Aktualisieren“, um das Suchformular live anzuzeigen.

Weitere Informationen finden Sie in diesen Schritt-für-Schritt-Anleitungen:

• So fügen Sie ein Suchformular in einen WordPress-Beitrag ein
• So fügen Sie eine Suchleiste zum WordPress-Menü hinzu

Alternativ können Sie das Formular mit einem Shortcode anzeigen.

Um dies zu tun, müssen Sie den Shortcode für Ihr spezifisches Formular finden, indem Sie zu SearchWP » Suchformulare gehen und den Code in der Spalte 'Shortcode' kopieren.

Wir haben einen Leitfaden dazu, wie man Shortcodes in WordPress hinzufügt, falls Sie Hilfe benötigen.

Mit dem Suchformular und den Filteroptionen können Ihre Besucher nun leicht die Inhalte finden, nach denen sie auf Ihrer Website suchen.

Dies verbessert nicht nur die Benutzererfahrung, sondern kann sie auch ermutigen, verschiedene Kategorien zu erkunden und mehr Ihrer wertvollen Inhalte zu entdecken.

Methode 2: Beiträge und Seiten mit benutzerdefiniertem Code filtern (Fortgeschritten)

Die nächste Methode verwendet benutzerdefinierten Code. 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 verwenden wir WPCode, das beste Code-Snippet-Plugin auf dem Markt. Dieses Plugin ermöglicht das sichere Einfügen von benutzerdefiniertem Code, ohne direkt mit Ihren Website-Dateien arbeiten zu müssen, sodass Sie Ihre Website weniger wahrscheinlich beschädigen.

Einige unserer Partner-Marken verwenden WPCode, um benutzerdefinierte Code-Snippets hinzuzufügen und zu verwalten, und sie lieben es. Wir haben es auch getestet und festgestellt, dass es außergewöhnlich gut funktioniert. Sie können mehr über unsere Erfahrungen in unserem vollständigen WPCode-Testbericht erfahren.

Der erste Schritt ist die Installation und Aktivierung von WPCode. Weitere Informationen finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

Sobald das erledigt ist, können Sie in Ihrem WordPress-Adminbereich zu Code-Snippets » + Snippet hinzufügen gehen.

Wählen Sie dann „Add Your Custom Code (New Snippet“ und klicken Sie auf die Schaltfläche „Use snippet“.

Nun gibt es 2 Arten von Code-Snippets, die Sie hinzufügen müssen. Gehen wir sie einzeln durch:

Hinzufügen eines WordPress-Filtercodes

Dieser Code weist WordPress an, die Suchergebnisse des Benutzers basierend auf den im Suchformular ausgewählten Optionen zu filtern. Er funktioniert mit einem anderen Code-Snippet, das das Suchformular erstellt und das wir später besprechen werden.

Zuerst müssen Sie Ihrem neuen Snippet einen Namen geben. Es kann etwas so Einfaches sein wie 'WordPress Suchfilter'.

Dann müssen Sie den „Code-Typ“ auf „PHP-Snippet“ ändern.

Kopieren Sie als Nächstes einfach den folgenden Code und fügen Sie ihn in das Feld „Code-Vorschau“ 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');

Dieser Code-Schnipsel prüft, ob der Benutzer Filter im Suchformular ausgewählt hat. Wenn beispielsweise ein Kategorie-Filter ausgewählt ist, kann der Code diese Kategorie identifizieren und nur Beiträge anzeigen, die dazu gehören.

Es kann die Ergebnisse auch nach Datum filtern, indem es nach dem spezifischen Jahr, Monat und Tag sucht, den 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 Beitragstypen (einschließlich benutzerdefinierte Beitragstypen) sehen möchte.

Nachdem Sie den Code eingefügt haben, scrollen Sie zum Abschnitt „Einfügeort“. Standardmäßig ist die „Einfügemethode“ auf „Automatisch einfügen“ und der Ort auf „Überall ausführen“ eingestellt.

Sie können diese Einstellungen so belassen, damit der Code zur functions.php-Datei Ihres WordPress-Themes hinzugefügt werden kann und ordnungsgemäß funktioniert.

Dann aktivieren Sie einfach den Code-Snippet und klicken Sie auf „Snippet speichern“.

Hinzufügen eines WordPress-Suchformular-Codes

Der nächste Code erstellt ein benutzerdefiniertes Suchformular, das Sie später mit einem Shortcode einbetten können.

Sie können benutzerdefinierten Code mit WPCode hinzufügen, indem Sie die gleichen Schritte wiederholen. Dann können Sie diesen Code 'WordPress Search Form' nennen und den Code-Typ auf 'PHP Snippet' ändern.

Jetzt können Sie den untenstehenden Code-Schnipsel in das Feld „Code-Vorschau“ einfügen:

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 hinzufü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, Tags und verfügbare Beitragstypen von Ihrer Website für die Dropdown-Menüs der Suchleiste ab. Benutzer können bestimmte Kategorien, Tags oder Beitragstypen auswählen, um ihre Suchergebnisse einzugrenzen.

Zusätzlich enthält der Code Dropdown-Menüs für Jahr, Monat und Tag, um eine noch präzisere Filterung nach Datum zu ermöglichen. Schließlich wird eine Schaltfläche zum Absenden hinzugefügt, um die Suche mit den ausgewählten Filtern zu starten.

Wie im vorherigen Code können Sie die Einstellungen für die 'Einfügemethode' so belassen, wie sie sind. Aktivieren Sie dann einfach den Code und speichern Sie ihn.

Einbetten des Suchformular-Shortcodes

In diesem Stadium können Sie den Shortcode [wpb_filter_posts_form] zu einem Beitrag, einer Seite, einer Theme-Vorlage oder einem Widget-Bereich hinzufügen. Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen von Shortcodes in WordPress.

In diesem Fall fügen wir den Shortcode zu einer benutzerdefinierten Suchseite hinzu. Wenn Sie dasselbe tun möchten, erstellen Sie eine neue Seite in WordPress.

Passen Sie dann die Suchseite mit beliebigen Blöcken an, die Sie benötigen. Sie können zum Beispiel Bilder oder Text hinzufügen, um die Leser darüber zu informieren, wie sie die Suchleiste verwenden.

Danach können Sie einfach auf die Schaltfläche „+ Block hinzufügen“ klicken und den Block „Shortcode“ auswählen.

Sobald Sie fertig sind, fügen Sie einfach den Shortcode [wpb_filter_posts_form] in das entsprechende Feld ein.

Der nächste Schritt ist, auf die Schaltfläche „Veröffentlichen“, „Aktualisieren“ oder „Speichern“ zu klicken, um Ihre Änderungen live zu schalten.

Sie sollten nun Ihr neues benutzerdefiniertes Suchformular sehen.

So sieht es auf unserer Demowebsite aus:

Methode 3: Beiträge und Seiten mit dem Plugin Search & Filter filtern (kostenlos)

Die letzte Methode ist die Verwendung des Search & Filter Plugins, das kostenlos erhältlich ist. Es ist eine großartige Option, wenn Sie nach einer schnellen und einfachen Möglichkeit suchen, die Such- und Filterfunktion auf Ihrer WordPress-Blogseite zu aktivieren.

Was Sie tun möchten, ist, das Plugin Search & Filter zu installieren und zu aktivieren. 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 „Search & Filter“ zu Ihrem WordPress-Adminbereich hinzu. Ein Klick darauf führt Sie zur Nutzungsseite des Plugins mit detaillierter Dokumentation zur Verwendung.

Das Such- und Filter-Plugin wird mit einem Shortcode geliefert, der verschiedene Parameter akzeptiert, um die Filteroptionen anzuzeigen. Sie können diesen Shortcode in einem Beitrag, einer Seite oder in einem Text-Widget verwenden:

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

Dies zeigt die Filteroptionen mit Such-, Kategorie- und Tag-Feldern an:

Das Coole an dem Plugin ist, dass Sie anpassen können, welche Filteroptionen verfügbar sind, indem Sie die Shortcode-Tags bearbeiten.

Wenn Sie beispielsweise Kategorien, Tags, Beitragstypen 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 folgenden Shortcode weisen wir das Plugin an, die Suchleiste mit Kontrollkästchen für Kategorieoptionen anzuzeigen:

[searchandfilter headings="Kategorien auswählen:" types="checkbox" fields="category"]

Bitte sehen Sie sich das folgende Beispiel an:

Zusätzlich können Sie dem Plugin mitteilen, für einige Filteroptionen Kontrollkästchen und für andere Dropdown-Menüs in einem einzigen Shortcode zu verwenden.

Dies ist der Shortcode, den wir verwendet haben, um Beitragstypen, Kategorien und Tags in die Suchleiste aufzunehmen. Wir haben das Plugin gebeten, Kontrollkästchen für die Option Beitragstypen zu verwenden:

[searchandfilter headings="Post type, Category, Tag" types="checkbox, select, select" fields="post_types,category,post_tag"]

Sie können die Dokumentation des Plugins für weitere Verwendungsmöglichkeiten des Shortcodes konsultieren.

Bonus-Tipp: Live-Ajax-Suche zu Ihrer WordPress-Website hinzufügen

Jetzt, da Sie wissen, wie Sie Benutzern das Filtern von Beiträgen und Seiten ermöglichen, können Sie die Dinge einen Schritt weiter gehen und das Sucherlebnis verbessern mit Live-Ajax-Suche.

Live-Ajax-Suche verwendet Echtzeit-Technologie, um Suchergebnisse anzuzeigen, während Benutzer ihre Abfragen eingeben. Das bedeutet, dass Sie nicht mehr darauf warten müssen, dass eine Seite aktualisiert wird. Ergebnisse werden sofort angezeigt, was den Suchvorgang für Ihre Besucher wesentlich schneller und bequemer macht.

Eine schnellere Sucherfahrung bedeutet, dass Sie Benutzer länger auf Ihrer Website halten können, wodurch die Seitenaufrufe erhöht und die Absprungrate reduziert werden.

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. Lesen Sie unser WordPress-Tutorial unter So fügen Sie Live-Ajax-Suche zu Ihrer WordPress-Website hinzu (Der einfache Weg) für weitere Informationen.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Benutzer Beiträge und Seiten in WordPress filtern lassen können. Möglicherweise möchten Sie auch unseren Leitfaden zum Erstellen eines Webverzeichnisses in WordPress und unsere Expertenauswahl an WordPress-Suchplugins zur Verbesserung der Websuche lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.