So fügen Sie ein Suchformular in einen WordPress-Beitrag ein

Möchten Sie das Engagement auf Ihrem WordPress-Blog steigern?

Das Hinzufügen eines Suchformulars in Ihre Beiträge mag ungewöhnlich erscheinen, ist aber überraschend effektiv, insbesondere für inhaltsreiche Websites wie Online-Magazine.

Anstatt sich ausschließlich auf eine Suchleiste in der Kopfzeile oder Seitenleiste zu verlassen, ermutigt die Platzierung einer solchen innerhalb Ihres Inhalts die Leser, weiter zu erkunden. Es ist eine kleine Änderung, die zu längeren Sitzungen und mehr Seitenaufrufen führen kann.

In diesem Leitfaden zeigen wir Ihnen Schritt für Schritt, wie Sie ein Suchformular zu Ihrem WordPress-Beitrag hinzufügen, unabhängig davon, welches Theme Sie verwenden. Legen wir los!

Warum ein Suchformular zu Ihren WordPress-Beiträgen hinzufügen?

Wenn Besuchern ein Beitrag auf Ihrer WordPress-Website gefällt, möchten sie wahrscheinlich mehr lesen. Indem Sie einen Suchformular zu einem Beitrag hinzufügen, können Sie Besuchern helfen, weitere Blogs zu finden, die sie gerne lesen möchten.

Auf diese Weise können Sie Ihre Seitenaufrufe erhöhen und Ihre Absprungrate reduzieren.

Je länger Besucher auf Ihrer Website bleiben, desto größer ist die Chance, dass sie Ihrer E-Mail-Liste beitreten, einen Kommentar hinterlassen, einen Kauf tätigen, Ihnen in sozialen Medien folgen oder andere positive Aktionen ausführen.

In diesem Leitfaden zeigen wir Ihnen, wie Sie das Standard-WordPress-Suchformular zu Ihren Beiträgen hinzufügen. Wenn Sie stattdessen ein benutzerdefiniertes Formular verwenden möchten, lesen Sie unsere Schritt-für-Schritt-Anleitung zum Erstellen eines benutzerdefinierten WordPress-Suchformulars unter Erstellen eines benutzerdefinierten WordPress-Suchformulars.

Dennoch werden wir drei Methoden vorstellen, wie Sie ein Suchformular in einem WordPress-Beitrag hinzufügen können. Nutzen Sie einfach die Schnelllinks unten, um direkt zu der Methode zu springen, die Sie verwenden möchten:

• Methode 1. Ein Suchformular in einen WordPress-Beitrag einfügen (funktioniert mit jedem Theme)
• Methode 2. Suchformular zu allen WordPress-Beiträgen hinzufügen (Blockbasierte Themes)
• Method 3. Add a Search Bar to All WordPress Posts With Code (Works With Any Theme)
• FAQs zum Hinzufügen eines Suchformulars in WordPress

Fangen wir an.

Methode 1. Ein Suchformular in einen WordPress-Beitrag einfügen (funktioniert mit jedem Theme)

Der einfachste Weg, ein Suchformular zu Ihren Beiträgen hinzuzufügen, ist die Verwendung des integrierten Suchblocks.

In dieser Anleitung zeigen wir Ihnen, wie Sie den Block zu einem Beitrag hinzufügen. Sie können ihn aber auch zu jeder Seite oder jedem Widget-fähigen Bereich Ihrer Website hinzufügen.

Wir empfehlen auch, dies am Ende Ihres Beitrags hinzuzufügen, um die Lesbarkeit nicht zu beeinträchtigen.

Um zu beginnen, öffnen Sie einfach die Seite, auf der Sie ein Suchformular hinzufügen möchten. Klicken Sie im WordPress-Blockeditor auf das + Symbol.

Geben Sie im Popup „Suchen“ ein. Wenn der richtige Block erscheint, klicken Sie darauf, um ihn zur Seite hinzuzufügen.

Standardmäßig verwendet der Block 'Suchen' sowohl für seine Beschriftung als auch für den Schaltflächentext. Dieser Text ist für Besucher sichtbar, daher möchten Sie ihn möglicherweise durch etwas Beschreibenderes ersetzen.

Wenn Sie beispielsweise die Suchleiste zu einem WordPress-Blog hinzufügen, möchten Sie vielleicht „Neueste Blogbeiträge durchsuchen“ oder Ähnliches verwenden.

Sie können sogar den Beschriftungs- und Schaltflächentext verwenden, um Ihre Besucher zu motivieren.

Wenn Sie beispielsweise einen Online-Shop erstellt haben, könnten Sie für Ihr Produkt-Suchformular etwas wie „Weitere tolle Angebote finden“ oder „Nach ähnlichen Angeboten suchen“ verwenden.

Sie können auch Platzhaltertext hinzufügen. Dieser Text verschwindet automatisch, wenn der Besucher mit der Eingabe beginnt.

Um einen Platzhalter hinzuzufügen, klicken Sie einfach auf „Optionaler Platzhalter…“ und beginnen Sie dann mit der Eingabe.

Standardmäßig verwendet WordPress Ihr Theme, um die Suchleiste zu gestalten.

Sie können jedoch die Hintergrundfarbe und die Textfarbe des Buttons über die 'Farbe'-Einstellungen im rechten Menü ändern. Dies kann dazu beitragen, dass sich Ihre Suchleiste vom Rest Ihrer Website abhebt.

Wenn Sie mit dem Aussehen des Suchblocks zufrieden sind, können Sie den Beitrag entweder veröffentlichen oder aktualisieren. Wenn Sie Ihre Website besuchen, sehen Sie nun die Suchleiste im Inhalt des Beitrags.

Sie können mit demselben Prozess wie oben ein Suchformular zu weiteren WordPress-Beiträgen und Seiten hinzufügen. Detaillierte Anweisungen zum Hinzufügen der Suchleiste zu einer Seitenleiste oder einem ähnlichen Bereich finden Sie in unserer Anleitung zum Hinzufügen und Verwenden von Widgets in WordPress unter Hinzufügen und Verwenden von Widgets in WordPress.

Methode 2. Suchformular zu allen WordPress-Beiträgen hinzufügen (Blockbasierte Themes)

Wenn Sie ein blockbasiertes Theme wie ThemeIsle Hestia Pro verwenden, können Sie eine Suchleiste zu der Vorlage hinzufügen, die WordPress für alle Ihre Blogbeiträge verwendet.

Auf diese Weise können Sie schnell und einfach eine Suchleiste zu jedem einzelnen Blogbeitrag auf Ihrer gesamten WordPress-Website hinzufügen.

Um den Vollseiten-Editor zu öffnen, gehen Sie im WordPress-Dashboard zu Themes » Editor.

Standardmäßig zeigt der Full Site Editor die Home-Vorlage Ihres Themes an.

Um alle verfügbaren Optionen anzuzeigen, wählen Sie „Vorlagen“ aus dem Menü auf der linken Seite.

Dies zeigt eine Liste aller Vorlagen an, aus denen Ihr WordPress-Theme besteht.

Um die Blog-Vorlage anzupassen, klicken Sie auf 'Single'.

WordPress zeigt nun eine Vorschau des Blog-Layouts an.

Um diese Vorlage zu bearbeiten, klicken Sie auf das kleine Stiftsymbol.

Sie sehen diese Vorlage nun im vollständigen Website-Editor.

Um eine Suchleiste hinzuzufügen, klicken Sie auf das blaue '+' Symbol.

Geben Sie im erscheinenden Popup 'Search' ein, um den richtigen Block zu finden.

Sie können den Block jetzt an die Stelle ziehen, an der Sie die Suchleiste anzeigen möchten.

Um den Blocktitel oder den Platzhaltertext anzupassen, geben Sie einfach die neue Nachricht in den Suchblock ein.

Wenn Sie mit dem Aussehen des Blocks zufrieden sind, klicken Sie auf 'Speichern', um die Suchleiste live zu schalten.

Wenn Sie nun einen beliebigen Blogbeitrag auf Ihrer Website besuchen, sehen Sie die Suchleiste.

Methode 3. Fügen Sie mit Code eine Suchleiste zu allen WordPress-Beiträgen hinzu (funktioniert mit jedem Theme)

Wenn Sie kein Block-Theme verwenden, die Suchleiste aber trotzdem in all Ihren Beiträgen erscheinen soll, müssen Sie Code verwenden.

Dazu empfehlen wir die Verwendung von WPCode. Dieses Code-Snippet-Plugin macht es sicher und einfach, benutzerdefinierten Code in Ihre Theme-Dateien einzufügen, ohne sie direkt zu bearbeiten. Auf diese Weise können Sie verschiedene Code-Snippets hinzufügen, ohne Ihre Website zu beschädigen.

Einige unserer Partner-Marken verwenden tatsächlich WPCode, um benutzerdefinierte Code-Snippets hinzuzufügen und zu verwalten. Wir haben es auch ausgiebig getestet und Sie können unsere Ergebnisse in unserem detaillierten WPCode-Testbericht sehen.

Was Sie tun möchten, ist, das WPCode-Plugin in WordPress zu installieren. Sie können unsere Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins für weitere Informationen lesen.

Gehen Sie dann zu Code Snippets » + Snippet hinzufügen. Wählen Sie 'Benutzerdefinierten Code hinzufügen (Neues Snippet)' und klicken Sie auf die Schaltfläche 'Snippet verwenden'.

Geben Sie Ihrem neuen benutzerdefinierten Code nun einen Namen. Es kann etwas Einfaches sein wie „Suchleiste in Blogbeiträgen“.

Ändern Sie danach den Code-Typ auf „PHP-Snippet“.

Kopieren Sie dann im Code-Vorschaufenster den folgenden Code-Snippet und fügen Sie ihn ein:

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Dieser Code fügt eine einfache Suchleiste hinzu, ähnlich dem Suchblock. Sie können den Button- und Platzhaltertext nach Bedarf anpassen.

Wenn Sie fertig sind, scrollen Sie nach unten und stellen Sie sicher, dass 'Auto Insert' für die Einfügemethode ausgewählt ist.

Navigieren Sie für den Speicherort zum Tab „Seitenspezifisch“ und wählen Sie die Option, die Ihren Kriterien am besten entspricht. Der Einfachheit halber haben wir „Nach Inhalt einfügen“ gewählt.

Wenn Sie fertig sind, setzen Sie den Code einfach auf 'Aktiv' und klicken Sie auf 'Snippet speichern'.

Sie sollten jetzt etwas Ähnliches sehen:

Bonus-Tipps: Entdecken Sie Tipps und Tricks zur Verbesserung der WordPress-Suche

Der Suchblock verwendet die integrierte Suchfunktion von WordPress. Diese ist jedoch ziemlich eingeschränkt und nicht sehr gut darin, genaue Ergebnisse anzuzeigen.

In einigen Fällen möchten Sie vielleicht, dass Ihre WordPress-Suchfunktion fortschrittlicher ist. Vielleicht möchten Sie eine Funktion nach Kategorie suchen hinzufügen oder Ihre Blog-Kommentare durchsuchbar machen.

Hier kommt SearchWP ins Spiel. Dieses benutzerdefinierte Such-Plugin gibt Ihnen die vollständige Kontrolle über die WordPress-Seitensuche, sodass Sie Ihren Besuchern genauere Ergebnisse liefern können.

SearchWP macht auch alle Teile Ihrer Website durchsuchbar, einschließlich PDF-Dateien, ACF-Dateien, Textdateien, benutzerdefinierte WordPress-Felder und mehr. Sie können unseren vollständigen SearchWP-Testbericht lesen, um alle Funktionen kennenzulernen.

Nach dem Erstellen eines benutzerdefinierten Suchformulars können Sie es mit einem Block oder einem Shortcode an jeder Stelle Ihrer Website hinzufügen.

Um mehr zu erfahren, lesen Sie bitte unseren Leitfaden zur Verbesserung der WordPress-Suche mit SearchWP.

FAQs zum Hinzufügen eines Suchformulars in WordPress

Nachdem Sie die Vorteile und verschiedenen Methoden zum Hinzufügen eines Suchformulars zu Ihren WordPress-Beiträgen verstanden haben, haben Sie möglicherweise noch einige Fragen. Nachfolgend beantworten wir einige häufig gestellte Fragen, um Ihnen zu helfen, das Beste aus dieser Strategie herauszuholen.

Warum sollte ich ein Suchformular in einen Blogbeitrag einfügen wollen?

Wenn Sie eine Suchleiste direkt in Ihre Beiträge einfügen, können Leser ganz einfach weitere Inhalte entdecken, genau dann, wenn sie am meisten interessiert sind. Es ist eine clevere Möglichkeit, Seitenaufrufe zu erhöhen und die Leute länger auf Ihrer Website zu halten.

Kann ich das Suchformular an den Stil meiner Website anpassen?

Absolut! Die meisten WordPress-Plugins ermöglichen es Ihnen, Dinge wie Farben, Platzhaltertext und Beschriftungen anzupassen, damit das Formular perfekt zu Ihrem Design passt.

Was ist, wenn ich den Block-Editor nicht verwende?

Keine Sorge. Wenn Ihr Theme die blockbasierte Bearbeitung nicht unterstützt, können Sie trotzdem ein Suchformular mit benutzerdefiniertem Code hinzufügen. Ein Plugin wie WPCode macht es einfach und sicher, diese Snippets auf Ihrer Website einzufügen.

Woran erkenne ich, ob mein Suchformular tatsächlich funktioniert?

Sie können die Leistung mit Tools wie Google Analytics verfolgen. Behalten Sie Metriken wie Verweildauer auf der Website und Seitenaufrufe pro Sitzung im Auge. Wenn diese steigen, erfüllt Ihr Suchformular im Beitrag seinen Zweck!

Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie ein Suchformular in einem WordPress-Beitrag hinzufügen. Möglicherweise möchten Sie auch lernen, wie Sie ein Kontaktformular in WordPress erstellen oder unsere Expertenauswahl der besten Conditional Logic Plugins für WordPress ansehen.

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.