apply_filters( ‘wp_nav_menu_items’, string $items, stdClass $args )

User Contributed Notes

1. Skip to note 4 content

   LebCit 8 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 9You must log in to vote on the helpfulness of this note

   Add HTML5 search form to a menu
   Add this code to functions.php. You can completely modify the output, and style the form as you want.
   Please, don’t forget to replace the theme_location !
   For example, if the id of my menu was main-menu, I would write if( $args->theme_location == 'main-menu' )
   Hope this will help.

   function add_search_form($items, $args) {
             if( $args->theme_location == 'menu-1' ){
             $items .= '<li class="menu-item">'
                     . '<form role="search" method="get" class="search-form" action="'.home_url( '/' ).'">'
                     . '<label>'
                     . '<span class="screen-reader-text">' . _x( 'Search for:', 'label' ) . '</span>'
                     . '<input type="search" class="search-field" placeholder="' . esc_attr_x( 'Search …', 'placeholder' ) . '" value="' . get_search_query() . '" name="s" title="' . esc_attr_x( 'Search for:', 'label' ) . '" />'
                     . '</label>'
                     . '<input type="submit" class="search-submit" value="'. esc_attr_x('Search', 'submit button') .'" />'
                     . '</form>'
                     . '</li>';
             }
           return $items;
   }
   add_filter('wp_nav_menu_items', 'add_search_form', 10, 2);

   • Another solution similar to the one shown by @LebCit is to use the get_search_form() function like this: $items .= get_search_form( false ); The false parameter is the echo. False return the markup as you can see in the docs of the function itself

     manuelricci 2 years ago
2. Skip to note 5 content

   arifktk 6 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 2You must log in to vote on the helpfulness of this note

   Add extra menu item to a WordPress Nav Menu

   Using this code snippet, one can add an additional menu item to the end of a WordPress navigation menu. For example, here in this case I am adding a WooCommerce Login/Register link when a user is not logged in, and a My Account page link when a user is logged in.

   add_filter( 'wp_nav_menu_items', 'add_extra_item_to_nav_menu', 10, 2 );
   function add_extra_item_to_nav_menu( $items, $args ) {
       if (is_user_logged_in() && $args->menu == 303) {
           $items .= '<li><a href="'. get_permalink( get_option('woocommerce_myaccount_page_id') ) .'">My Account</a></li>';
       }
       elseif (!is_user_logged_in() && $args->menu == 303) {
           $items .= '<li><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">Sign in  /  Register</a></li>';
       }
       return $items;
   }

   How to use the above code?

   1. If you are using a child theme, then add this snippet to your currently active child theme’s functions.php file, otherwise, add to your currently active theme’s functions.php file. Alternatively, you can use a code snippet plugin like Code Snippets (https://wordpress.org/plugins/code-snippets/) without directly modifying your theme files.
   2. You can use theme_location or the ID of your nav menu in the if condition to specify the menu which you are adding the item to. I have used ID, if you are going to use the ID too, then change it from 303 to whatever the ID of your menu is. You can find the ID of your menu in the WP Admin panel by going to Appearance > Menus. Then select a menu from the drop-down that says: Select a menu to edit and click on the select button next to it. Now you will see the ID of your menu at the end of your current screen URL like this: https://myexampleshopsite.com/wp-admin/nav-menus.php?action=edit&menu=303. You can see the 303 at the end, which is the ID of my menu, yours can be something different, replace with that.

   Hope this helps someone :)
3. Skip to note 6 content

   omartheman949 3 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   Used the following snippet to add a user avatar image as the last menu item. Had to use $args->menu==='main-menu' rather than 'primary' or id, as other examples did. Found this out finally by printing out $args->menu to the navbar, to see what that argument actually was.

   // register shortcode
   add_shortcode('bbwp_get_session', 'bbwp_get_session'); 
   
   add_filter( 'wp_nav_menu_items', 'add_extra_item_to_nav_menu', 10, 2 );
   function add_extra_item_to_nav_menu( $items, $args ) {
   	if (is_user_logged_in() && $args->menu === 'main-menu') {
   		$items .= '<li class="wt_menu_item_user_avatar"><a href="/my-account">' . get_avatar( $current_user->ID, 32 ) . '</a></li>';
   	}
   	return $items;
   }