18. Mai 2015

Theme Anpassung Suche in die Navigation integrieren

   4 Kommentare

Share on Facebook9Tweet about this on Twitter5Share on Google+0Share on LinkedIn0Email this to someone

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.

Suche aus den Widgets in die Navigation verschieben

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

Suche als Widget

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.

Primäres Menü einstellen

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 );
Custom Function Plugin mit Code

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

Suche in der Navigation

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.

Share on Facebook9Tweet about this on Twitter5Share on Google+0Share on LinkedIn0Email this to someone
Hans Jung

Hans Jung

Hans ist Datenschutzbeauftragter und bekennender WordPress-Fan – und versucht beides unter einen Hut zu bekommen.
Hans Jung

Du willst up-to-date bleiben?

Trage dich jetzt in unseren kostenlosen Newsletter ein, um stets die aktuellsten Neuigkeiten rund um Wordpress zu erhalten.

Wir geben deine Daten nicht weiter! Wir hassen Spam genauso wie du!

4 Kommentare

Reaktionen auf diesen Beitrag

    Schreibe einen Kommentar

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