Worpress Suche-Formular anpassen

Eigentlich wollte ich nur den Text des Submit-Buttons des Standard-Suche-Formulars anpassen. Eigentlich. Das ist aber offenbar gar nicht so einfach, denn das Suche-Formular wird mir einer recht einfach gestrickten Funktion aufgerufen, über die sich zumindest meines Wissens nach leider der Text des Submit-Buttons nicht anpassen lässt:

get_search_form();

Es gibt natürlich eine Reihe von Plugins, die genau das machen – aber warum ein weiteres Plugin installieren, wenn man doch nur den Text Submit-Buttons anpassen möchte?

Stattdessen können wir auch relativ einfach die Funktion get_search_form() überschreiben und mit unserem eigenen COde ergänzen.

/* custom search form */

function custom_search_form( $form ) {
$form = '
<section class="search"><form role="search" class="search-form" method="get" id="search-form" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __( 'Search:' ) . '</label>
<input type="search" class="search-field" value="' . get_search_query() . '" name="s" id="s" placeholder="…" />
<input type="submit" class="search-submit" id="searchsubmit" value="'. esc_attr__( 'Search' ) .'" />
</form></section>
';

return $form;
}
add_filter( 'get_search_form', 'custom_search_form', 40 );

Basiert auf der Funktion custom_search_form, die ich unter der Überschrift ‚Custom WordPress Search Form with a Function‘ bei nicolaslule.com gefunden habe: nicolaslule.com/how-to-customize-the-search-form-in-wordpress/

Auf der Seite finden sich ein paar weitere hilfreiche Tipps und Tricks – zum Beispiel, wie man die Suche auf einen bestimmten Post Type beschränkt – oder auch, wie man den Submit-Button mit einem Icon ersetzen kann.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert