wp_nav_menu item classnames

[silencematters]

When adding an existing PAGE as a menu-item, there is currently no way to target that menu-item.

Adding the page-slug as a classname to the menu-item when a PAGE is used would help, as would a classname that appears when on that given page.

[nacin]

I think part of the issue is where you draw the line. In addition to pages, there's also other post types, including posts and any custom types. Some are hierarchical, some are not. Then there's categories, again hierarchical (do we list parents in some way?), tags, and custom taxonomies.

I think doing it just for pages is a little narrow, if we're going to do it. Is doing it for all post types and taxonomies too much markup?

I imagine there's already a filter to achieve this as well. Patches and thoughts welcome.

[silencematters]

Good points. I agree that doing it just for just pages might be a bit narrow.

It might be the most flexible if defined as just adding the post-slug as a classname, which spans across many custom post-types and taxonomies.

The current list of classes on a menu-item are:

<li class="menu-item menu-item-type-post_type menu-item-object-page">

Adding one more classname would enable a world of styling possibilities.

[wpmuguru]

Replying to nacin:

I think part of the issue is where you draw the line.

I think doing it just for pages is a little narrow, if we're going to do it. Is doing it for all post types and taxonomies too much markup?

I imagine there's already a filter to achieve this as well. Patches and thoughts welcome.

I'd go with a filter, that way a custom post type or other plugin/theme can add classes through the filter. The only way the CSS will be there for the extra classes is through plugin/theme functions.

[WraithKenny]

How about handle the default post types and taxonomies with built in class names, and let customs get handled by plugin writers... is there an API for that?

[nacin]

I've been meaning to revisit this. At the very least pages deserve classes, along with a filter to handle the rest.

[ryan]

#12812 adds more classes.

[ryan]

Patch adds menu-item-post_type-$id where $id is a post/page/attachment/any post type ID.

Also adds menu-item-taxonomy-$id where $id is a category/tag/any custom taxonomy type ID.

[ryan]

(In [14891]) Classes for posts and terms in the menus. see #13379

[ryan]

page_item and page-item-$id back compat.

[ryan]

(In [14900]) Back compat menu classes. see #12812 #13379