Suche in die Navigation integrieren

Einige Themes liefern die Suche in der Hauptnavigation als Feature direkt mit. Und bei allen anderen Themes rüstet ihr diese Funktion einfach nach. Alles, was ihr dazu braucht, erfahrt ihr hier.

Das wollen wir erreichen: Das Suchfeld soll in die Navigationsleiste.

Das Theme Twenty Twelve: Per Widget könnt ihr die Navigation in der Sidebar positionieren.

Navigation als primäres Menü festlegen

Auch wenn es nicht alle Themes fordern: Für die nachfolgende Lösung muss das Menü als primäres Menü definiert sein. Es genügt, wenn ihr über Design > Menüs den entsprechenden Haken setzt und die Änderung speichert.

In den Menü-Einstellungen definiert ihr, welches Menü das primäre Menü ist.

Theme functions.php erweitern

Ihr habt zwei Möglichkeiten, um die Suchfunktion in die Navigation zu integrieren. In beiden Fällen muss der Code in die functions.php eures Themes. Wenn ihr ein Child-Theme verwendet, könnt ihr den Code dort in die functions.php einfügen. Alle anderen nutzen besser ein Plugin wie My Custom Functions, das für euch den Code in die functions.php schreibt. Über diesen Umweg bleibt der Code auch bei Theme-Updates erhalten.

Code

Für diese Erweiterung nutzt ihr den Code von Frank Bültge:

function fb_add_search_box ( $items, $args ) {
       
       // only on primary menu
       if( 'primary' === $args -> theme_location )
             $items .= '<li class="menu-item menu-item-search">' . get_search_form( FALSE ) . '</li>';
       
       return $items;
 }
 add_filter( 'wp_nav_menu_items', 'fb_add_search_box', 10, 2 );

My Custom Functions: Erweiterungen für die functions.php kopiert ihr einfach in das Textfeld.

Das Ergebnis: Suchfeld direkt in der Navigation.

Fazit: Insbesondere bei Themes mit Sticky Navigation sind Suchfelder direkt in der Navigationsleiste für eure User stets schnell nutzbar. Mit ein bisschen Code setzt ihr das auch für eure WordPress-Seite um.