wordpress wp_nav_menu - add name property to

Question

in wordpress, I am fetching menu using wp_nav_menu() function. It will list menus in following form.

<ul>
   <li><a href="url">AA</a></li>
   <li><a href="url">BB</a></li>
   <li><a href="url">CC</a></li>
</ul>

I want to add one more property to tag. I want it in following form.

<a href="url" name="aa">AA</li>
<a href="url" name="bb">BB</li>
<a href="url" name="cc">CC</li>

name property should have value equal to link text but in lower case. i.e. is menu text is AA then name property should have aa

you can add manually add class as you want http://stackoverflow.com/questions/14464505/how-to-add-class-in-li-using-wp-nav-menu-in-wordpress/17190283#17190283 — Rameez SOOMRO, Sep 27 '13 at 20:45

score 1 · Accepted Answer · answered Mar 30 '11 at 15:14

You can do this with Wordpress Walkers. They can be a bit tricky at first, but very powerful. This is a rough implementation, you would probably need to improve it.

First, you extend the Walker_Nav_Menu to your needs:

  class my_nav_menu extends Walker_Nav_Menu
      {
            function start_el(&$output, $item, $depth, $args)
            {
                 $output .= '<li><a href="' . get_post_link($item->ID) . '" name="' . $item->post_name .'" >';
                 $output .= apply_filters( 'the_title', $item->post_title, $item->ID ) ;
                 $output .= '</a></li>';
            }
      }

Then you pass an instance of your class to wp_nav_menu:

wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' , 'walker' => new my_nav_menu() ) );

This will output menu elements like this:

<li><a name="test-page" href="http://mydomain.foo/?page_id=1">Test Page</a></li>

wordpress wp_nav_menu - add name property to

1 Answers1