Make Menus in WordPress use menu-item name instead of number for list item ID?

2 comments

1. You’ll need to filter the ID using WordPress’s nav_menu_item_id filter, which is applied in the nav-menu-template.php file. It takes three arguments, but the second one is what we need to actually get the title of the menu item, and turn it into something useful for the ID attribute. Here’s a function to do that, which works for me in WordPress 3.4.1:

   function custom_nav_menu_item_id($id, $item) {
       $title = sanitize_title_with_dashes($item->title);
       return 'menu-item-'.$title;
   }
   
   add_filter('nav_menu_item_id', 'custom_nav_menu_item_id', 10, 2);
   

   This uses another WordPress function to sanitize the title into a string usable for the ID attribute (or any other HTML attribute).

   Note that this function get’s the menu item’s title, which migth be different than the post or page title if you change it in the Menu panel from the admin.

   Log in to Reply

2. Based on @Jeremy answer : I just add sanitize_title() to remove accents and special char.

       function custom_nav_menu_item_id($id, $item) {
           $title = sanitize_title_with_dashes(sanitize_title($item->title));
           return 'menu-item-'.$title;
       }
       add_filter('nav_menu_item_id', 'custom_nav_menu_item_id', 10, 2);
   

   /** for a better wp cleaning take a look @ this gist and include it in your function.php */

   Log in to Reply