For an upcoming tutorial on the new menu system in WordPress 3, we need to identify each menu item, so that we can address that in our stylesheet. That way, we can add specific styling to a single menu item, which may be useful if you want to use images or icons in the menu in stead of text links. I haven’t found an easier solution (other than inspecting your site’s html source code once the menu is published), but I would love to get your input.
Navigation menu items have a unique ID, stored in the posts table, using a custom post type nav_menu_item.
To locate the unique ID, open the navigation menu, and either:
- hover over the dropdown arrow on the right in the header, and inspect your browsers statusbar, or
- click to open the menu item for details, and hover your mouse over the “Delete” and “Cancel” link. Again, inspect the browsers status bar to find the menu item ID.
The image should clarify: