Suche in die Navigation integrieren - Pressengers
Theme Anpassung Suche in die Navigation integrieren
18. Mai 2015Tipps5 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.

Hans Jung

Hans Jung

Hans ist Datenschutzbeauftragter und bekennender WordPress-Fan – und versucht beides unter einen Hut zu bekommen.
Hans Jung
Share on Facebook9Tweet about this on Twitter5Share on Google+0Share on LinkedIn0Email this to someone
Kommentare zu "Suche in die Navigation integrieren"
  1. gamesart schrieb am 18. Mai 2015, um 19:03 Uhr:

    Ich habe das Plugin ausprobiert und den Code in die Zelle eingefügt aber die Suchleiste in meinem Menü ist leider nicht zu entdecken, anscheinend nicht kompatibel mit meinem verwendetem Theme oder habt Ihr noch einen Tipp?

    1. Jo schrieb am 23. Mai 2015, um 19:56 Uhr:

      Nur wenn du angemeldet bist, sieht man es. Warum auch immer.

  2. Jan schrieb am 10. Januar 2016, um 03:47 Uhr:

    Vielen Dank, hat in 2 Minuten geklappt! Allerdings hätte ich die Suchleiste gerne komplett rechtsbündig. Gibt’s da ’ne Möglichkeit?

    LG, Jan

  3. jan schrieb am 6. April 2016, um 12:50 Uhr:

    super, vielen dank – wirklich nur zwei minuten : )

    danke und viele grüße,
    jan

  4. malo95 schrieb am 25. Januar 2017, um 14:38 Uhr:

    Für dass WP-Theme Tewentyseventeen

    muss man bei deinem Code primary mit top ersetzen.

Schreibe einen Kommentar

Pressengers lebt von der Wordpress Community, beteilige dich mit einem Kommentar!
Deine E-Mail Adresse wird nicht veröffentlicht.