How to automatically add a search field to your navigation menu

How to automatically add a search field to your navigation menu

Do you ever wanted to be able to automatically add a search field to WP 3.0+ navigation menus? If yes, just have a look to today’s recipe, you’ll probably love it!

Open your functions.php file, and paste the following code. The search field will be displayed once you saved the file.

add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {
 
        ob_start();
        get_search_form();
        $searchform = ob_get_contents();
        ob_end_clean();
 
        $items .= '<li>' . $searchform . '</li>';
 
    return $items;
}

Thanks to Ronald for the cool tip!

8 Responses

christina

Jun 24 2012 23:10

This didn’t work for me. Does it matter what theme you’re using? What does “wp_nav_menu_items” referring to?

Bill Andersen

Jul 16 2012 22:02

Didn’t work for me either.

william

Aug 20 2012 22:34

Make sure you guys go to the right theme (the theme you selected) and add it there. *** make sure you save.

bailal

Sep 17 2012 17:11

Hi William, I am using magazine basic theme, which also uses wp_nav function to introduce menu, problem with me, is that i have customized search form for example code is under given how can i add this to my site’s nav bar, or is there any option how i can exempt of nav bar, so i will place it manually after adding my form code?

thank you.