Die Standard-Suche von WordPress kann natürlich nicht mit den Suchergebnissen bei Google & Co mithalten. Mit ein paar Anpassungen im Code und den passenden Plugins kannst du deine WordPress-Suche aber leicht um etliche Funktionen erweitern. Hier findest du eine kleine Zusammenstellung praktischer Optionen.
1. Praktische Code-Schnipsel
1.1. Die Suchbegriffe im Suchergebnis anzeigen
Sehr hilfreich finde ich die Möglichkeit die Suchbegriffe auf der Ergebnis-Seite mit anzugeben. Dazu musst du deine search.php Datei einfach um folgenden Code-Schnipsel erweitern.
<p>Für die Sucherbegriffe " <?php the_search_query() ?> " gibt es folgende Suchergenisse:</p>
Weiter Infos: WordPress-Codex: Function Reference/the search query
1.2. Den vorherigen Suchbegriff in Suchfeld anzeigen
Möchtest du, dass die jeweils letzte Suchanfrage im Suchfeld angezeigt wird, kannst du den value-Wert des Text-Inputfeldes in deinem Suchformular (in der searchform.php Datei) folgendermaßen anpassen.
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
Weiter Infos: WordPress-Codex: Function Reference/the search query
Falls dein Theme noch keine eigene searchform.php Datei hat, kannst du diese ganz einfach selbst anlegen, indem du in deinem Text-Editor eine PHP-Datei mit dem Namen searchform erstellst, und diesen Code einfügst.
<!-- start search form -->
<div class="search-form">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<div>
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
</div>
<!-- end search form -->
1.3. Die Anzahl der Suchergebnisse anzeigen
Standardmäßig wird die Anzahl der gefundenen Suchbegriffe auf der Ergebniss-Seite von WordPress nicht mit angezeigt. Das kannst du ganz leicht ändern, indem du deine search.php Datei folgendermaßen anpasst.
Suche nach der Code-Zeile:
<h2>Search Results</h2>
und ersetzte die Zeile mit folgendem Code:
<h2><span><?php echo $wp_query->found_posts; ?> Suchergebnisse für</span><br/><?php the_search_query(); ?></h2>
Weiter Infos: »Suchergebnis erweitern« von Frank Bültge.
1.4. Einen Suchtext im Textfeld anzeigen
Möchtest du in deinem Suchfeld einen Text wie »Suchbegriff hier eingeben« oder »Suche…« anzeigen, musst du in deiner searchform.php Datei einfach nur den Value-Wert im input-Textfeld entsprechend anpassen (den im Punkt 1.2. beschriebenen Code kannst du dann natürlich nicht mehr nutzen).
<input type="text" value="Suche..." name="s" id="s" />
Damit dieser Standard-Suchtext bei Mausklick ins Suchfeld verschwindet und beim Weiterklicken auf eine Unterseite wieder auftaucht, musst du jetzt noch wie im folgenden Code-Beispiel onfocus und onblur in das input-Feld einfügen.
<input type="text" value="Suche..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" name="s" id="s" />
2. Nützliche Plugins für die Optimierung deiner WordPress-Suche
2.1. Search Everything
»Search Everything« ist eines der umfangreichsten Plugins, um deine WordPress-Suche zu erweitern. Du kannst die Suchergebnisse farbig highlighten, und genau bestimmen welche Bereiche deiner WordPress-Seite du in der Suche mit aufnehmen oder ausschließen möchtest.
2.2. Search Unleashed
Ähnlich wie das »Search Everything Plugin« kannst du bei »Search Unleashed« genau definieren, welche Bereiche von WordPress du in die Suche integrieren möchtest. Auch das Hervorheben der Suchbegriffe in den Ergebnissen ist im diesem Plugin möglich.
2.3. Relevanssi
Die Standard Suchergebnisse werden bei der WordPress-Suche nach dem Datum der Veröffentlichung sortiert. Das »Relevanssi-Plugin« sortiert die Ergebnisse stattdessen nach der Relevanz der Ergebnisse (je nach Anzahl der beinhalteten Suchbegriffe).
2.4. Search By Category
Das Plugin erlaubt den Blog-Besuchern die die Suche nur auf bestimmte Blog-Kategorien zu beschränken. Die Styles kannst du mit CSS an dein eigenes Design anpassen.
2.5. Seitenzahlen mit WP Page-Navi Plugin
Um bei mehreren Seiten von Suchergebnissen eine praktische Seiten-Navigation zu integrieren kannst du das WP Page-Navi Plugin verwenden. Dazu fügst du
<?php wp_pagenavi(); ?>
in deine search.php Datei ein, nachdem du das Plugin installiert und aktiviert hast.
3. Die benutzerdefinierte Google-Suchmaschine verwenden
Falls du mit den Ergebnissen der WordPress-Suche einfach nicht ganz zufrieden bist, kannst du als Alternative auch eine benutzerdefinierte Google-Suchmaschine auf deiner WordPress-Seite integrieren. Deine individuelle Google-Suche kannst du auf dieser Google-Webseite einrichten (dazu benötigst du ein Google-Konto).
Als Optionen kannst du festlegen, welche Webseiten deine Suchmaschine in die Suche integrieren soll. Erlaubst du Google-Ads in den Suchergebnissen anzuzeigen, ist die benutzerdefinierte Google-Suchmaschine kostenlos. Möchtest du wissen, wie eine benutzerdefinierte Google-Suchmaschine im Einsatz aussieht, schau doch mal auf unserem Blog Gertis PC Tipps vorbei.
Was hältst du von der WordPress-Suche? Kennst du weitere, hilfreiche Möglichkeiten die Such-Funktion von WordPress zu optimieren? Ich freue mich sehr über dein Feedback und deine Tipps!
Einige Tipps finde ich klasse und werde ich bei mir gleich mal umsetzen. Guter Artikel und sehr hilfreich, danke.
@Martin: Vielen Dank für dein Feedback. Es freut mich sehr, dass du die Tipps hilfreich findest :-)
Viele Grüße
Ellen
Zu 1.4.: Wenn man schon HTML 5 einsetzen möchte, kann man den Text auch mittels placeholder=»Suche…« anzeigen lassen. Dann ist auch kein JavaScript notwendig. Das Attribut wird momentan von WebKit-Browsern (Google Chrome und Safari) unterstützt.
@Francesco: Vielen Dank für deinen Kommentar und den Tipp zu HTML 5 :-)
Ich denke, wenn man den Text als nicht unbedingt notwendig empfindet (z.B. wenn man zusätzlich noch ein Lupen-Image verwendet) kann man diese Methode auch schon nutzen.
Viele Grüße
Ellen
Auch zu 1.4: Wenn man nicht html5 benutzt, wäre es dann nicht besser den Wert auch per Javascript zu setzen, damit Nutzer ohne Javascript nicht immer manuell das Feld leeren müssen?
MfG
@5in4: Vielen Dank für dein Feedback :-)
Mhhh, ich habe bisher eigentlich immer diese Methode verwendet. Es wäre aber sicher eine Möglichkeit, um das Suchfeld zu optimieren, falls jemand JavaScript deaktiviert hat. Zumindest solange der Suchtext nicht unbedingt notwendig ist.
Viele Grüße
Ellen
Hallo Ellen,
zu 1.2:
Im Grunde brauchst du kein eigenes searchform.php-Template. Die Funktion get_search_form() gibt ein Suchformular zurück in dem alle deine beschriebenen Goodies schon enthalten sind (inkl. Translation), falls kein Template existiert.
zu 1.3:
Verwende doch einfach $wp_query->found_posts!
Beste Grüße
@Konstantin: Vielen Dank für deinen Kommentar und deine hilfreichen Tipps :-)
zu 1.2:
Ja, da hast du Recht! Eine eigene searchform.php Datei braucht man eigentlich nur, wenn man noch eigene Anpassungen / Extras in das Suchformular einbauen möchte. Ansonsten kann man natürlich auch die von dir beschriebene get_search_form() Function nutzen.
zu 1.3:
Vielen herzlichen Dank für diesen Tipp! Klar, so geht das natürlich viel einfacher :-) Ich habe den Code-Schnipsel im Artikel gleich angepasst und auch noch einen schönen Artikel von Frank Bültge zum Nachlesen gefunden :-)
Viele Grüße
Ellen
hi ellen,
ich schau mit schon lange euren blog an und habe schon viel nützliches gefunden.
und heute bin ich über diesen artikel gestolpert weil ich auch gerade eine webseite mit wordpress mache. ich wollte meine suche im header haben. aber leider funktioniert da anscheinend die funktion »einen suchtext im suchfeld anzeigen«. wenn ich das suchfeld z.b in die sidebar mache, dann gehts.
nun meine frage. geht das denn generell im header nicht oder muss man da noch was spezielles in den code schreiben.
so sieht der code aus meiner searchform.php aus
Hallo Ellen, hast du vielleicht auch schon einmal ein Plug-In oder eine Adaption gefunden wie die Sortierung der Suchergebnisse für die Leser meiner Seite geändert werden kann? Ich habe nämlich folgendes Problem: Ich möchte die Suchergebnisse nicht chronologisch, sondern nach Titel sortiert angezeigt bekommen, nur habe ich dafür noch nichts gefunden und keine Ahnung wie ich das ändern kann :-( Wäre toll wenn du da eine Idee hättest, oder eine Seite kennst wo man was findet! Liebe Grüße Stefan
Guter Beitrag, ich konnte einige Anregungen gut gebrauchen und hab sie schon eingebaut. Auch den Hinweis auf die Anzahl der Beiträge fand ich sehr informativ.
Gruß
elotse
Hi Ellen,
danke für die Tipps. Ich habe den Hinweis über die Anzahl der Suchergebnisse direkt umgesetzt.
Weiter so!
Vielen Dank für die schicke Anleitung! :-)
Pingback: Usability im EXlog: die interne Suche | EXlog