Divi-Produkt-Highlight: Divi Search Helper

Veröffentlicht: 2024-09-03

Suchen Sie nach einer besseren Möglichkeit für Benutzer, Ihre Divi-Website nach Inhalten zu durchsuchen? Dann sollten Sie Divi Search Helper ausprobieren. Dieses erstaunliche Plugin erweitert das standardmäßige Divi-Suchmodul, indem es dem vorhandenen Suchmodul leistungsstarke Funktionen hinzufügt. In diesem Beitrag führen wir Sie durch die Funktionen des Plugins und zeigen Ihnen, wie Sie es verwenden!

Lass uns eintauchen!

Inhaltsverzeichnis
  • 1 Was ist der Divi Search Helper?
  • 2 Was sind die Funktionen von Divi Search Helper?
    • 2.1 Verbessertes Suchfelddesign
    • 2.2 Optimierungen der Suchschaltfläche
    • 2.3 Wählen Sie benutzerdefinierte Beitragstypen zur Anzeige aus
    • 2.4 Benutzerdefinierte Suchergebnisse-Einstellungen
  • 3 So verwenden Sie den Divi Search Helper
    • 3.1 Installieren Sie den Divi Search Helper
    • 3.2 Das Divi-Suchmodul zu einer Seite hinzufügen
    • 3.3 Konfigurieren Sie die Inhaltseinstellungen des Divi Search-Moduls
    • 3.4 Konfigurieren Sie die Designeinstellungen des Divi Search-Moduls
  • 4 Wie kostet der Divi Search Helper?
  • 5 Divi Search Helper bietet eine bessere Suchmöglichkeit

Was ist der Divi Search Helper?

Divi-Suchhelfer

Das Divi Search Helper-Plugin fügt der WordPress-Suchleiste viele zusätzliche Funktionen hinzu. Der von den Entwicklern bei PeeAye Creative entwickelte Divi Search Helper steigert die Leistung Ihrer Divi-Suche und macht es für Besucher ganz einfach, das Gesuchte zu finden, ohne danach suchen zu müssen.

Das Beste am Divi Search Helper ist, dass Sie keine Programmierkenntnisse benötigen, um ihn anzupassen. Sie verfügen über 65 neue Einstellungen und Funktionen, die direkt in den Divi Builder integriert sind. Sie können festlegen, welche Beitragstypen in die Suche einbezogen werden sollen, wie Suchergebnisse angezeigt werden und vieles mehr.

Holen Sie sich den Divi Search Helper

Was sind die Funktionen des Divi Search Helper?

Wie bereits erwähnt, fügt Divi Search Helper dem vorhandenen Suchmodul, das in Divi enthalten ist, 65 neue Einstellungen und Funktionen hinzu. Schauen wir uns diese Funktionen genauer an, damit Sie eine bessere Vorstellung davon bekommen, was Sie damit machen können.

Hinweis: Derzeit ermöglicht der Divi Search Helper keine Vorschau einiger dieser Funktionen und Einstellungen im Visual Builder. PeeAye Creative verspricht diese Updates jedoch in zukünftigen Versionen.

Verbessertes Suchfelddesign

Suchfeldeinstellungen

Div Search Helper bietet zahlreiche Optionen, um das Suchfeld hervorzuheben. Sie können coole Symbole hinzufügen, um das Suchfeld hervorzuheben, oder Sie können ein Symbol hinzufügen, um das Suchfeld zu leeren und es für alle Benutzer intuitiver zu machen. Divi Search Helper bietet außerdem zahlreiche Anpassungsoptionen, darunter Platzhalter, Feld und Feldfokus, die Schriftart sowie verschiedene Einstellungen für Textausrichtung, Größe und Zeilenhöhe.

Optimierungen der Suchschaltfläche

Suchschaltfläche anpassen

Mit Divi Search Helper können Sie die Schaltfläche des Suchmoduls mit verschiedenen Einstellungen anpassen. Sie können den Schaltflächentyp auswählen, um ein Symbol, Text oder beides anzuzeigen. Sie können den Text auf der Schaltfläche auch aktualisieren, um etwas anderes als die Suche anzuzeigen. Mit dem Plugin können Sie die Schaltfläche auch links oder rechts anzeigen und das Aussehen mithilfe der Design-Registerkarte von Divi anpassen.

Wählen Sie benutzerdefinierte Beitragstypen zur Anzeige aus

benutzerdefinierte Suchkriterien

Einer der größten Vorteile von Divi Search Helper ist die Möglichkeit, verschiedene Beitragstypen wie Beiträge, Seiten, Projekte, Produkte oder Ereignisse anzuzeigen. Im Gegensatz zur Standard-WordPress-Suche, die Ergebnisse aus Beiträgen, Seiten und Auszügen anzeigt, können Sie mit Divi Search Helper genau auswählen, was Sie einbeziehen möchten. Mit diesem Plugin können Sie benutzerdefinierte Suchleisten für bestimmte Bereiche Ihrer Website erstellen, z. B. Ihr Blog, eine Portfolio-Seite oder benutzerdefinierte Suchergebnisseiten. Sie können die Suchergebnisse weiter aufschlüsseln, indem Sie bestimmte Beitrags- oder Projekt-Tags oder -Kategorien, benutzerdefinierte Metadaten oder bestimmte Schlüsselwortkriterien angeben.

Benutzerdefinierte Suchergebnisse-Einstellungen

Ajax-Suchergebnisse

Divi Search Helper stellt Suchergebnisse auf zwei Arten bereit: über eine Suchergebnisseite oder ein Ajax-Dropdown-Menü. Es gibt auch verschiedene Möglichkeiten, die Anzeige der Suchergebnisse anzupassen. Zu den Optionen gehören die Reihenfolge der Suchergebnisse (Veröffentlichungsdatum, alphabetisch, Relevanz oder Zufall), die Anzahl der anzuzeigenden Ergebnisse und der Linktext zur Paginierung. Als zusätzlichen Bonus können Sie den Überschriftentext der Suchergebnisse anpassen, auswählen, ob die Ergebnisse in einem neuen Tab angezeigt werden sollen, und festlegen, ob Bilder einbezogen werden sollen. Diese Funktionen verbessern die standardmäßigen WordPress-Suchoptionen erheblich.

Es gibt auch zahlreiche Designeinstellungen, einschließlich der Anpassung des Hintergrunds, der Navigationslinks, des Abstands, der Bildlaufleisteneinstellungen und des Rahmens.

So verwenden Sie den Divi Search Helper

Mit einem soliden Verständnis der Funktionsweise von Divi Search Helper können wir uns nun dem unterhaltsamen Teil zuwenden. Wir führen Sie durch die Installation und Anpassung des Plugins an Ihre Bedürfnisse.

Installieren Sie den Divi Search Helper

Der erste Schritt besteht darin, das Plugin zu installieren. Navigieren Sie zunächst zu Plugins > Neues Plugin hinzufügen . Klicken Sie auf die Schaltfläche „Plugin hochladen“ .

Fügen Sie den Divi Search Helper hinzu

Klicken Sie anschließend auf Datei auswählen und laden Sie den ZIP-Ordner des Plugins in WordPress hoch. Klicken Sie auf die Schaltfläche „Jetzt installieren“, um fortzufahren.

Installieren Sie den Divi Search Helper

Klicken Sie abschließend auf Plugin aktivieren , um Divi Search Helper zu installieren.

Plugin aktivieren

Fügen Sie das Divi-Suchmodul zu einer Seite hinzu

Schauen wir uns nach der Installation des Plugins an, was Sie mit Divi Search Helper tun können. Nehmen wir für dieses Beispiel an, Sie möchten eine Suche nach einem benutzerdefinierten Beitragstyp namens „Kaffee“ erstellen. Wir werden das Divi Assistant-Plugin verwenden (mehr dazu hier), um den Beitragstyp des Projekts in „coffees“ umzubenennen. Sobald Ihr neuer Beitragstyp erstellt ist, können Sie eine benutzerdefinierte Suche danach durchführen!

Wir werden unserer Homepage eine Suche hinzufügen, damit Leute nach Kaffee suchen können. Aktivieren Sie den Visual Builder und erstellen Sie einen neuen Abschnitt. Wählen Sie als Nächstes das Suchmodul aus.

Fügen Sie das Divi-Suchmodul hinzu

Konfigurieren Sie die Inhaltseinstellungen des Divi Search-Moduls

Das Suchmodul verfügt über zahlreiche Einstellungen, die konfiguriert werden müssen. Wir führen Sie daher durch jeden Schritt. Beginnen Sie mit der Einstellungsgruppe „Suchfeld“ . Hier können Sie den Eingabeplatzhalter aus dem Standardsuchbegriff konfigurieren. Sie können auch ein Symbol und seinen Standort auswählen.

Suchfeldoptionen

Die Einstellungsgruppe „Suchschaltfläche“ enthält Optionen zum Ein- und Ausblenden der Schaltfläche, zum Hinzufügen von benutzerdefiniertem Text und zum Steuern der Positionierung der Schaltfläche.

Einstellungen der Suchschaltfläche

In der nächsten Einstellungsgruppe, Suchkriterien, können Sie den Inhalt auswählen, den Sie anzeigen möchten. In diesem Fall wählen wir Kaffee aus. Sie können auch die Suchkriterien für Schlüsselwörter angeben, z. B. Titel, Auszug und Inhalt. Es gibt auch einen Abschnitt für benutzerdefinierte Metadaten, in dem Sie durch Kommas getrennte benutzerdefinierte Metaschlüssel hinzufügen können.

Suchkriterieneinstellungen

Schließlich steuert die Einstellungsgruppe „Suchergebnisse“ die Suchergebnismethode über zwei Optionen – die Theme Builder-Suchergebnisseite oder das Ajax-Suchergebnis-Dropdown. Zu den weiteren Parametern gehören die Reihenfolge der Suchergebnisse, die Anzahl der anzuzeigenden Ergebnisse pro Seite und der Paginierungslinktext. Sie können auch eine benutzerdefinierte Überschrift für Ihre Suchleiste festlegen und auswählen, ob die Suchergebnisse auf derselben oder einer neuen Registerkarte angezeigt werden sollen. Eine coole Sache, die Sie tun können, um Ihre Suche dynamischer zu gestalten, besteht darin, Bilder und Titel in den Ergebnissen anzuzeigen. Das ist eine großartige Möglichkeit, visuelle Inhalte auf Ihrer Website zu präsentieren und Aufmerksamkeit zu erregen.

Suchergebnisse-Einstellungen

Konfigurieren Sie die Designeinstellungen des Divi Search-Moduls

Das Divi-Suchmodul verfügt auch über die bekannten Designoptionen, die im Divi Builder verfügbar sind. Sie können den Schriftarten und Symbolen im Suchfeld Farben zuweisen und damit auf Schaltflächen klicken. Sie können auch die Designeinstellungen für Suchergebnisse steuern. Schauen wir uns jede Registerkarte einzeln an.

Die Option „Suchfeld“ steuert die Farben und Schriftarten für den Text und den Rahmen des Suchfelds. Die Gestaltungsmöglichkeiten sind nahezu unbegrenzt, egal ob Platzhalter, Feldtextfarbe oder Schriftart.

Einstellungen für das Suchfelddesign

Ebenso ist die Suchschaltfläche vollständig anpassbar. Mit Optionen zur Auswahl der Schriftart, einschließlich Textgröße, Buchstabenabstand und mehr, können Sie Stile für die Suchschaltfläche erstellen, die wirklich hervorstechen.

Einstellungen für das Design der Suchschaltfläche

Dropdown-Einstellungen für Live-Ajax-Suchergebnisse

Das Dropdown-Menü „Ajax-Suchergebnisse“ verfügt über drei Registerkartenoptionen: den Dropdown-Container, den Ergebnistext und die Paginierung. Für den Dropdown-Container stehen Ihnen Optionen für Hintergrundfarbe, Abstand, Containerschatten, Rahmen und Bildlaufleiste zur Verfügung.

Ajax-Container-Designeinstellungen

Auf der Registerkarte „Ergebnistext“ werden Schriftart, Farbe und verschiedene Attribute gesteuert.

Registerkarte „Ergebnistext“.

Ebenso können Sie auf der Registerkarte „Paginierung“ den Text und den aktiven Text anpassen, einschließlich der Auswahl von Schriftarten und Farben.

Einstellungen für das Paginierungsdesign

Designeinstellungen für individuelle Ergebnisse der Live-Ajax-Suche

Benutzer des Divi Search Helper können die einzelnen Ergebnisse auch im Ajax-Dropdown stilisieren. Mit Optionen für Gesamtergebnis, Titel, Auszug und Preis können Sie Ihren Inhalt wirklich einzigartig machen. Wie bei den anderen Optionen sind alle Einstellungen anpassbar, einschließlich Schriftarten, Farben und mehr. Es gibt fünf Registerkarten mit Optionen, mit denen Sie Ihr Branding ganz einfach anpassen können. Allerdings müssen Sie die Änderungen nach dem Festlegen in der Vorschau anzeigen, da die meisten davon im Visual Builder nicht verfügbar sind.

Live-Ajax-Einzelergebnis-Designoptionen

Sobald alle Designeinstellungen vorgenommen wurden, speichern Sie die Seite und sehen Sie sich Ihre neue Suchleiste an!

Divi Search Helper-Stile

Wie kostet der Divi Search Helper?

Divi-Suchhelfer

Divi Search Helper ist im Divi Marketplace zum günstigen Preis von 29 US-Dollar erhältlich. Darin enthalten sind ein Jahr Support und Updates sowie eine 30-tägige Geld-zurück-Garantie. Sie können Divi Search Helper auch auf einer unbegrenzten Anzahl von Websites verwenden und so sicherstellen, dass Sie jeder Divi-Website, die Sie besitzen, eine leistungsfähigere Suchoption bieten können.

Holen Sie sich den Divi Search Helper

Divi Search Helper bietet eine bessere Suchmöglichkeit

Der Divi Search Helper ist ein Game-Changer für Divi-Websitebesitzer, die ihre Suchfunktionen verbessern möchten. Durch das Hinzufügen einer Fülle von Funktionen zum standardmäßigen Divi-Suchmodul macht es dieses Plugin für die Besucher Ihrer Website einfacher denn je, das zu finden, wonach sie suchen. Von anpassbaren Designelementen bis hin zu erweiterten Suchkriterien bietet Divi Search Helper eine unglaubliche Lösung zur Verbesserung der Benutzererfahrung und Suchergebnisse.

Wer die Einschränkungen der Standard-WordPress-Suche satt hat, sollte Divi Search Helper in Betracht ziehen. Seine intuitive Benutzeroberfläche und der erschwingliche Preis machen es zu einem wertvollen Werkzeug für jeden Divi-Benutzer. Probieren Sie es aus!