wp nav menu: add attributes to menu items [duplicate]

You can use a Custom Walker to add attributes to the menu items.

Basically, you add a parameter ‘walker’ to the wp_nav_menu() options and call an instance of an enhanced class:

wp_nav_menu(
    array (
        'menu'            => 'main-menu',
        'container'       => FALSE,
        'container_id'    => FALSE,
        'menu_class'      => '',
        'menu_id'         => FALSE,
        'depth'           => 1,
        'walker'          => new Description_Walker
    )
);

The class Description_Walker extends Walker_Nav_Menu and changes the function start_el( &$output, $item, $depth, $args ).

  1. From the Codex:
    http://codex.wordpress.org/Function_Reference/wp_nav_menu#Using_a_Custom_Walker_Function

  2. I found this tutorial, you might find it very useful:
    http://www.kriesi.at/archives/improve-your-wordpress-navigation-menu-output

Related Posts:

  1. Adding first / last CSS classes to menus
  2. Hide Hamburger Menu On Specific Page (Front Page/Home Page)
  3. Menu Custom Data Attributes
  4. How to modify mobile nav menu text in theme
  5. Extend Menu Walker Output
  6. conditional: if is page, and all subpages
  7. wp nav menu: show submenu below li item
  8. Styling an “active” link outside of WordPress default menu
  9. how to changes mobile menu toggle breakpoint in WordPress
  10. How to make only the valid active page of a multilevel menu active with – “.nav li.current-menu-item a”?
  11. dynamic php menu with hidden sub-categories only showing when the category name is clicked
  12. How to let mobile navigation menu close when link is clicked?
  13. Bring Font Awesome icons inside menu A tags
  14. Display specific main Sub Nav on Woocommerce product pages
  15. How limit the width of a fixed menu-bar on scroll?
  16. WP_Nav Highlight Parent Issue
  17. How to change the menu color
  18. Hide main div if wp_nav_menu is empty
  19. How to remove a metabox from menu editor page?
  20. How to change “Shipping Calculator “field label on Cart Page – woocommerce? [closed]
  21. How to create different menu’s for not logged in visitors and for logged in members?
  22. How to add active class to custom menu using while loop and wp_list_pages
  23. How to place login logout link on menu that redirects users back to current page?
  24. Theme Customizer – Dynamic CSS PHP File
  25. WordPress doesn’t include css
  26. Understanding child theme functions.php
  27. Unusable menus and “Illegal widget setting ID: nav_menu_item[]” error
  28. Want to create Child theme, but already edited Parent theme css files and some php files
  29. Style every second widget?
  30. Change Navigation Bar based on logged in or not
  31. Plugin CSS not enqueing
  32. How can I Add a variable PHP in the Menu Nav
  33. Where to place PHP code that inserts (or doesn’t insert) menu item?
  34. Adding an Avatar to the Top Nav Bar
  35. How to design a table based on css values set from admin/dashboard
  36. Unique icons next to each WordPress menu item
  37. Best way to schedule daily change in CSS parameter
  38. Auto 301 to full post permalink? (using : /archive/%post_id% to %post_name% )
  39. Whats the proper way to use a php stylesheet in a wordpress theme? [duplicate]
  40. How do I add a custom css to all posts without affecting homepage css? [closed]
  41. Automatically set all tags to have a height of 0 if there is no content inside the tag [closed]
  42. height should be set to auto to avoid pixelation in the post thumbnail function
  43. Correct way to enqueue page specific CSS file
  44. Wrapping a Sidebar within
  45. Show About and Contact Us page when they’re clicked in the top menu.
  46. Add login hyperlink to secondary navigation menu
  47. Clickable image link sends people to wrong URL
  48. Creating a blog on my companies new website using WordPress but I have sidebar issues
  49. Get ACF options field in PHP acting as CSS
  50. wp_nav_menu not working correctly in my underscores theme
  51. Problem with adding custom CSS class to image in ACF Photo Gallery plugin [closed]
  52. How to use wp_nav_menu to create custom dropdown menu?
  53. Get css class of menu item in custom menu structure
  54. Link to page with posts of specific type
  55. Conditionally load class in the comment section of the post page
  56. Assign Custom classes to every Excerpt
  57. Show login greeting above sub-menu links?
  58. How to tell if a user has gone in and created a menu
  59. Adding a navigation page state to individual blog and portfolio pages
  60. Using theme options to change a border-radius value
  61. Inline CSS header style priority function.php Child (no enqueing I think)
  62. Displaying images outside the content
  63. Add class to ul and li in wp_na
  64. How to put search bar & logo in the “primary navigation” storefront theme?
  65. Applying css in functions.php
  66. Providin exception to WordPress wp_nav_menu Custom CSS Classes
  67. PHP function for horizontal Woocommerce thumbnails and badges
  68. My top header looks different on single pages but is fine on the home page
  69. Using php code inside style tag
  70. Warning: Use of undefined constant all – assumed ‘all’ (this will throw an Error in a future version of PHP) in C:\Users\…….. on line 6
  71. Drop down question
  72. How to print all the inline styles in the WP_Styles instance together with their keys?
  73. The style.php file inside theme-engine folder has other content on FTP
  74. how to add functions to my function.php using a child theme?
  75. Replace header with large image on home page only, using Genesis child theme
  76. Site title not showing. Please help me
  77. PHP/CSS: Shortcode won’t display correctly, and only displays in the head (before content)
  78. Hot to edit WooCOmmerce dashboard?
  79. Using Sprit-sheet on WordPress categories
  80. Add class for the_post_thumbnail_caption()
  81. Target a specific container to style on WordPress storefront theme
  82. How to list categories by page id in wordpress
  83. Custom Theme, Editor won’t wrap text (i.e. change width)
  84. Click to expand menu
  85. How to add style in functions.php depending on conditions?
  86. wp_nav_menu doesn’t work in a duplicate server
  87. How I can add div to menu?
  88. Hide button based on PHP result
  89. Using ‘array’ method in wp_nav_menu causes it to disappear
  90. Child theme not working properly
  91. WordPress – Image href for home menu nav not working
  92. if is_home(), change class of menu-item-225 of wp_nav_menu
  93. Change order that the menu is generated with wp_list_pages
  94. I am extending Walker_Nav_Menu: How can I get the number of children elements of the current item?
  95. How to change a specific character in a theme option value – replace a space with a plus sign
  96. How do I modify the with wp_nav_menu()
  97. New to wordpress. Need Help with templates [closed]
  98. Child-theme suddenly stopped working [closed]
  99. Parse error: syntax error, unexpected ‘}’ in
  100. ‘This Field is Required.’ is Not Displaying on CF7 [closed]