Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So fügen Sie eine Suchleiste zum WordPress-Menü hinzu (Schritt für Schritt)

Das Hinzufügen weiterer Links zu Ihrem WordPress-Menü hilft nicht, wenn Besucher immer noch nicht finden, wonach sie suchen. Und auf Mobilgeräten sind lange Menüs besonders frustrierend zu bedienen. Das Durchklicken mehrerer Links ist langsam, und Besucher geben oft auf, bevor sie die richtige Seite erreichen.

Dies ist ein häufiges Problem auf inhaltsreichen und wachsenden Websites. Daher erwarten viele Benutzer eine Suchleiste direkt im Navigationsmenü. Es ist schneller, übersichtlicher und erleichtert den Besuchern das Finden von Inhalten erheblich.

Wir haben dies auf Dutzenden von Websites getestet, und die Ergebnisse sind immer die gleichen: Wenn Benutzer direkt aus dem Hauptmenü suchen können, interagieren sie mehr und bleiben länger. Es ist eine kleine Anpassung, die zu großen Verbesserungen führt.

In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie mit anfängerfreundlichen Methoden, die mit den meisten Themes funktionieren, eine Suchleiste zu Ihrem WordPress-Menü hinzufügen. 🔎

Suchleiste zum WordPress-Menü hinzufügen

Warum eine Suchleiste zum WordPress-Navigationsmenü hinzufügen?

Eine Suchleiste hilft Benutzern, das zu finden, wonach sie suchen, ohne Ihre WordPress-Website verlassen zu müssen. Dies kann die Benutzererfahrung verbessern, Besucher länger auf Ihrer Website halten und das Engagement steigern.

Deshalb empfehlen die meisten Webdesigner und Experten, eine Suchleiste zum Navigationsmenü hinzuzufügen, wo Benutzer sie leicht finden können.

Eine Suchleiste zum WordPress-Menü hinzufügen

Je nachdem, welches Theme Sie verwenden, unterscheidet sich die Art und Weise, wie Sie eine Suchleiste zu Ihrem Menü hinzufügen.

Wenn Sie ein klassisches Theme verwenden, benötigen Sie ein WordPress-Such-Plugin. Für Benutzer von Block-Themes können Sie einfach den Full Site Editor (FSE) verwenden.

In diesem Sinne werden wir die beiden Methoden nacheinander durchgehen. Sie können die Schnelllinks unten verwenden, um zu Ihrem gewünschten Abschnitt zu springen:

Fangen wir an.

Methode 1: Suchleiste in einem klassischen WordPress-Theme-Menü hinzufügen

Diese erste Methode ist für diejenigen, die ein klassisches WordPress-Theme verwenden. Das bedeutet, dass Sie im WordPress-Dashboard das Menü Design » Anpassen sehen und auf den Theme Customizer zugreifen können.

Wenn Sie ein klassisches Theme verwenden, können Sie das WordPress-Such-Widget nur zu widget-fähigen Bereichen wie der Seitenleiste hinzufügen, nicht jedoch zum WordPress-Menü.

Um dieses Problem zu umgehen, benötigen Sie ein Plugin, mit dem Sie eine Suchleiste zu anderen Bereichen Ihrer Website hinzufügen können, einschließlich Navigationsmenüs.

SearchWP Modal Search Form ist unsere beste Empfehlung. Dieses kostenlose Plugin ist einfach zu bedienen, sieht gut aus mit jedem Theme und beeinträchtigt die Leistung Ihrer Website nicht negativ. Außerdem ist das Premium-Plugin SearchWP nicht erforderlich.

SearchWP Modal Suchformular Plugin

Das erste, was Sie tun müssen, ist das Plugin SearchWP Modal Search Form zu installieren und zu aktivieren.

Gehen Sie in Ihrem WordPress-Adminbereich zu Plugins » Neues Plugin hinzufügen.

Das Untermenü „Neues Plugin hinzufügen“ unter Plugins im WordPress-Adminbereich

Als Nächstes können Sie die Suchleiste verwenden, um das Plugin schnell zu finden.

Wenn Sie es gefunden haben, klicken Sie einfach auf „Jetzt installieren“ und dann auf „Aktivieren“, wenn es erscheint.

Installation des SearchWP Modal Suchformulars

Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung unter Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, können Sie die Suchleiste zu Ihrem WordPress-Menü hinzufügen. Gehen Sie einfach zu Darstellung » Menüs und stellen Sie sicher, dass Sie im Dropdown-Menü „Menü zur Bearbeitung auswählen“ das primäre Menü auswählen.

Stellen Sie sicher, dass das primäre Menü ausgewählt ist

Klicken Sie danach auf die Schaltfläche „Auswählen“.

Klicken Sie als Nächstes auf das Feld „SearchWP Modal Search Forms“ auf der linken Seite des Bildschirms.

Die native Suchvorlage von SearchWP

Sie werden sehen, dass das Plugin automatisch eine „Native WordPress“-Suchvorlage hinzugefügt hat.

Klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“.

Eine Suchleiste zum WordPress-Navigationsmenü hinzufügen

WordPress fügt nun einen neuen Menüpunkt „Native WordPress“ zu Ihrem Menü hinzu.

Um diesen Punkt zu konfigurieren, klicken Sie darauf, um seine Einstellungen zu erweitern. Zunächst ist es ratsam, die Navigationsbeschriftung in „Suche“ zu ändern, damit Besucher wissen, dass es sich um ein Suchfeld handelt.

Um diese Änderung vorzunehmen, geben Sie einfach 'Suchen' in das Feld 'Navigationsbeschriftung' ein.

Hinzufügen einer Suchbeschriftung zum WordPress-Navigationsmenü

Klicken Sie danach auf die Schaltfläche „Menü speichern“, um Ihre Änderungen zu speichern. Wenn Sie nun Ihren WordPress-Blog besuchen, sehen Sie eine neue Suchleiste im Navigationsmenü.

SearchWP wird die Suche automatisch an Ihr WordPress-Theme anpassen, wie Sie in den folgenden Bildern sehen können.

Suchvorschau

Methode 2: Hinzufügen einer Suchleiste in einem Block-WordPress-Theme-Menü

Wenn Sie ein Block-WordPress-Theme verwenden, können Sie den Full Site Editor verwenden, um eine Suchleiste zu Ihrem Navigationsmenü hinzuzufügen.

Gehen Sie dazu einfach im WordPress-Adminbereich zu Darstellung » Editor.

Auswahl des Full-Site-Editors aus dem WordPress-Admin-Panel

Sie sehen nun eine Liste von Optionen zur Anpassung Ihres Themes.

Klicken Sie hier einfach auf „Navigation“.

Navigation in WordPress Full Site Editing auswählen

Klicken Sie als Nächstes auf die Bleistift-Schaltfläche „Bearbeiten“ für Ihr Navigationsmenü.

Dies leitet Sie zum Block-Editor.

Klicken Sie auf die Bleistift-Bearbeiten-Schaltfläche für Navigation in WordPress Full Site Editing

Klicken Sie in diesem Schritt auf die Schaltfläche „+ Block hinzufügen“ in Ihrem Navigationsmenü.

Wählen Sie danach den Suchblock aus.

Hinzufügen des Suchblocks zum Navigationsmenü im Full Site Editor

Ihr Navigationsmenü sollte jetzt eine Suchleiste enthalten.

Zusätzlich können Sie den Platzhaltertext bearbeiten und ihn in etwas wie „Wonach suchen Sie?“ ändern.

Platzhaltertext in der Suchleiste mit dem Full Site Editor hinzufügen

Auf der Seitenleiste der Blockeinstellungen können Sie gerne anpassen, wie die Suchleiste aussieht. Und sobald Sie mit dem Suchblock zufrieden sind, klicken Sie einfach auf „Speichern“.

Neben dem Hinzufügen einer Suchleiste zu Ihrem Navigationsmenü gibt es viele weitere Möglichkeiten, Ihre WordPress-Sucherfahrung zu verbessern.

Eine Option ist die Verwendung von SearchWP. Es ist das beste WordPress-Suchplugin, um Ihren Suchalgorithmus anzupassen, ohne Code anfassen zu müssen.

Erfahren Sie mehr über das Plugin in unserem detaillierten SearchWP-Test.

Sie können beispielsweise Ihr Suchformular noch benutzerfreundlicher gestalten, indem Sie Live-Suchergebnisse mit Ajax hinzufügen. Dies zeigt dem Besucher automatisch relevante Suchergebnisse an, während er die Abfrage eingibt, ähnlich wie bei Google.

Live-Suchvorschau

Weitere Informationen finden Sie in unserem Artikel zur Live-Ajax-Suche auf Ihrer WordPress-Website.

Das Hinzufügen einer SearchWP-Suchleiste ist ebenfalls einfach. Wenn Sie das SearchWP Search Modal Form in Methode 1 verwenden, können Sie auch das SearchWP-Plugin damit verwenden.

Wenn Sie ein Block-Theme verwenden, wird SearchWP mit einem integrierten Suchformular-Block geliefert, den Sie überall auf Ihrer Website einfügen können, einschließlich des Navigationsmenüs.

Wahl zwischen mehreren Suchformularen in WordPress

FAQ: Wie füge ich eine Suchleiste in WordPress hinzu?

Das Hinzufügen einer Suchleiste zu Ihrer WordPress-Site ist normalerweise unkompliziert, aber unterwegs tauchen einige häufige Fragen auf. Im Folgenden behandeln wir schnelle Antworten auf die häufigsten Probleme und verwandte Funktionen, nach denen Leser oft fragen.

Warum wird meine Suchleiste nicht angezeigt?

Dies geschieht normalerweise aufgrund Ihres Themes oder des Ortes, an dem das Such-Widget platziert ist. Einige Themes zeigen Suchleisten nur in bestimmten Bereichen an, z. B. im Header oder in der Seitenleiste. Es kann auch durch benutzerdefiniertes CSS versteckt sein oder nicht zum richtigen Menü- oder Widget-Bereich hinzugefügt worden sein.

Ein vorübergehender Wechsel zu einem Standard-WordPress-Theme kann helfen zu bestätigen, ob das Problem themenbezogen ist. Wenn Sie ein Plugin verwenden, stellen Sie sicher, dass es aktiviert und ordnungsgemäß mit Ihren Menü- oder Header-Einstellungen verbunden ist.

Wie füge ich ein Suchsymbol zu meiner WordPress-Website hinzu?

Viele WordPress-Themes enthalten eine integrierte Option, um ein Suchsymbol im Header oder im Navigationsmenü anzuzeigen. Sie finden dies normalerweise unter Darstellung » Anpassen oder in den Header-Einstellungen Ihres Themes.

Wenn Ihr Theme dies nicht unterstützt, können einige Plugins ein klickbares Suchsymbol hinzufügen, das eine Suchleiste öffnet. Dies ist eine beliebte Option, um Menüs sauber zu halten, insbesondere auf Mobilgeräten.

Wie erstelle ich eine durchsuchbare Tabelle in WordPress?

Um eine Tabelle durchsuchbar zu machen, benötigen Sie ein Tabellen-Plugin, das eine integrierte Suchfunktion enthält. Diese Plugins ermöglichen es Besuchern, in ein Suchfeld einzugeben und Tabellenzeilen sofort anhand von Schlüsselwörtern zu filtern.

Dies ist nützlich für Preistabellen, Produktlisten, Verzeichnisse oder Vergleichstabellen, bei denen Benutzer schnell bestimmte Informationen finden müssen.

Wie zeige ich die Suchleiste auf einer Seite an?

Der einfachste Weg ist, einen Suchblock mit dem WordPress-Blockeditor auf der Seite hinzuzufügen. Suchen Sie einfach nach dem Suchblock und platzieren Sie ihn dort, wo er erscheinen soll.

Einige Plugins und Themes ermöglichen es Ihnen auch, eine Suchleiste über eine Schaltfläche oder ein Symbol anzuzeigen, das sich beim Klicken erweitert. Dies funktioniert gut für Landingpages oder mobile Layouts.

Wie füge ich eine Suchleiste in WordPress ohne Plugins hinzu?

Sie können eine einfache Suchleiste ohne Plugins hinzufügen, indem Sie den integrierten Suchblock oder das Widget von WordPress verwenden. Platzieren Sie es einfach mit dem Block-Editor oder den Widget-Einstellungen auf einer Seite, einem Beitrag, einer Seitenleiste oder in der Fußzeile.

Für erweiterte Platzierungen, wie das Hinzufügen einer Suche zu einem Menü oder Header ohne Plugins, müssen Sie normalerweise Theme-Dateien bearbeiten oder benutzerdefinierten Code hinzufügen. Deshalb ziehen es viele Anfänger vor, Plugins zu verwenden – es ist schneller und sicherer.

Nächste Schritte: WordPress-Suche verbessern

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine Suchleiste zu einem WordPress-Menü hinzufügen.

Wenn Sie die Suchfunktion Ihrer WordPress-Website weiter verbessern möchten, finden Sie hier weitere Tipps und Tricks für den Einstieg:

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

30 CommentsLeave a Reply

  1. Danke dafür, dieses Plugin hat großartig funktioniert und mich davor bewahrt, mein Theme erneut ersetzen oder bearbeiten zu müssen.

  2. Diese Plugins wurden nicht für WP Version 5.8.1 getestet

    Ist es noch in Ordnung, sie zu installieren, oder gibt es andere Plugins, die für diese Version getestet wurden?

  3. Hallo
    Dieses Video ist sehr hilfreich für mich. Aber ich möchte, dass das Menü wie auf der Amazon-Seite ist. Bitte helfen Sie mir. Wie erstelle ich eine große Suchleiste wie auf der Amazon-Seite

  4. Gibt es eine Möglichkeit, die vom Plugin generierten Ergebnisse anders anzuzeigen? Ich erhalte eine Liste von Bildern und Beschreibungen, aber die Bilder werden in allen möglichen Größen angezeigt. Ich hätte gerne, dass sie genauso angezeigt werden wie meine Produktseiten mit 24 Ergebnissen pro Seite und 4 Spalten.
    Danke

    • Für die Anpassung der Ergebnis-Seite sollten Sie sich an den Support des Plugins wenden, und sie sollten Ihnen helfen können.

      Admin

  5. Wirklich hilfreich! Ich finde den Standardstil nicht ansprechend, aber die Schiebeoption funktioniert hervorragend. Danke dafür.

    • It would depend on your specific theme but if you reach out to the plugin’s support they will be able to help you change the placement :)

      Admin

  6. Hallo,

    Wie style ich die Social-Icons so, wie Sie es auf Ihrer Website getan haben, mit diesen Abständen und Linien? Ich kenne CSS nicht.

    Danke

  7. Die Erklärung ist nicht richtig, die Bildschirmbilder sind falsch und ich denke, es ist das falsche Plugin

    • Es scheint, dass das Plugin aktualisiert wurde, seit dieser Artikel zuletzt aktualisiert wurde. Wir werden uns darum kümmern, diesen Beitrag zu aktualisieren.

      Admin

    • Thank you for letting us know, it appears the plugin has been renamed since we created this article. We’ll look into updating this :)

      Admin

  8. Warum ist jede Lösung auf dieser Website ein Plugin? Plugins blähen Websites auf und verlangsamen sie; man sollte erwarten, dass Sie das wissen. Es gibt bessere Lösungen, als für alles ein Plugin zu installieren!

    • Ich bin mir nicht sicher, ob es an einem Update liegt, aber mir ist dasselbe aufgefallen. Aber die Option scheint sich unter „Ivory Search > Einstellungen“ zu befinden, dann sollten Ihnen die ersten Einstellungen angezeigt werden, nämlich „Menüsuche“ und die erste erweiterbare Option, ein Menü auszuwählen, zu dem Sie sie hinzufügen können.

  9. Hallo,
    Können wir wählen, ob die Suche nur für die mobile/Tablet-Version und nicht für den Desktop angezeigt wird?

  10. Leider wird es nicht korrekt angezeigt, da es das Navigationsmenü durcheinanderbringt. Ich habe verschiedene Plugins ausprobiert und alle sind gleich. Für Anfänger scheint es keinen anderen Weg zu geben, als den Theme-Entwickler oder professionelle Hilfe zu bitten, es manuell zu codieren.

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.