Justin Tadlock

<p>The Custom Classes plugin allows you to create custom classes for posts (when <code>post_class()</code> is called) and for the <code><body></code> class (when <code>body_class()</code> is called).  It creates a meta box on the edit post and edit term screens in the admin with input boxes for adding your custom classes.</p>
<p>Custom post classes are added whenever your theme calls the <code>post_class()</code> function, which is generally whenever a post is shown.  Custom body classes are added on the single view of the post whenever your theme calls the <code>body_class()</code> function.</p>
<h3>Like this plugin?</h3>
<p>Please consider helping the cause by:</p>
<ul>
<li><a href="https://themehybrid.com/donate" rel="nofollow ugc">Making a donation</a>.</li>
<li><a href="https://themehybrid.com/club" rel="nofollow ugc">Signing up at my site</a>.</li>
<li><a href="https://wordpress.org/support/view/plugin-reviews/custom-classes?rate=5#postform" rel="ugc">Rating the plugin</a>.</li>
</ul>
<h3>Professional Support</h3>
<p>If you need professional plugin support from me, the plugin author, you can access the support forums at <a href="https://themehybrid.com/board/topics" rel="nofollow ugc">Theme Hybrid</a>, which is a professional WordPress help/support site where I handle support for all my plugins and themes for a community of 75,000+ users (and growing).</p>
<h3>Plugin Development</h3>
<p>If you’re a theme author, plugin author, or just a code hobbyist, you can follow the development of this plugin on it’s <a href="https://github.com/justintadlock/custom-classes" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Will this work with custom post types?</h3>
<p>Certainly.  This plugin works with any public post type on your site.  It’s not just limited to the “post” post type.</p>
<h3>It’s not working!</h3>
<p>Most likely, this means your theme isn’t using the appropriate functions (<code>post_class()</code> and <code>body_class()</code>).  You’ll need to talk to your theme author to get them to fix this.  Or, better yet, use a correctly-coded theme from <a href="https://themehybrid.com/themes" rel="nofollow ugc">Theme Hybrid</a>!</p>


Custom Classes

If all you need is to add custom classes to body on a per page / post basis, this plugin is all you need.

Works nicely!

Allows users to create custom classes on a per-post/term basis.

Ben Huson

<h4>Add missing classes</h4>
<p>Adds missing classes for selected menu states. Classes added include:</p>
<ul>
<li><code>current-page-parent</code> and <code>current_page_parent</code></li>
<li><code>current-page-ancestor</code> and <code>current_page_ancestor</code></li>
<li><code>current-menu-ancestor</code></li>
<li><code>current-menu-parent</code></li>
</ul>
<p>The classes are added in the following scenarios:</p>
<ul>
<li><strong>When viewing an attachment page</strong> classes are added to any parent pages and their menu ancestors.</li>
<li><strong>When viewing a post</strong> classes are added to any relevant taxonomy menu items and their manu ancestors.</li>
</ul>
<h4>Manage Menu Select States</h4>
<p>Allows you to control which menu items should be selected (or deselected) when viewing certain pages of your site. You need to add classes to the menu items for this to work.</p>
<ul>
<li><code>ecms-archive-{$post_type}</code> – Select menu item when viewing a post type archive page.</li>
<li><code>ecms-single-{$post_type}</code> – Select menu item when viewing a single post type page.</li>
<li><code>ecms-taxonomy-{$taxonomy}</code> – Select menu item when viewing a taxonomy archive.</li>
<li><code>ecms-taxonomy-{$taxonomy}-term-{$term}</code> – Select menu item when viewing a taxonomy term archive.</li>
<li>
<p><code>ecms-404</code> – Select menu item when viewing a 404 page.</p>
</li>
<li>
<p><code>ecms-no-archive-{$post_type}</code> – Deselect menu item when viewing a post type archive page.</p>
</li>
<li><code>ecms-no-single-{$post_type}</code> – Deselect menu item when viewing a single post type page.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}</code> – Deselect menu item when viewing a taxonomy archive.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}-term-{$term}</code> – Deselect menu item when viewing a taxonomy term archive.</li>
<li><code>ecms-no-404</code> – Deselect menu item when viewing a 404 page.</li>
</ul>


Extra Classes

Adds classes for selected menu states such as highlighting categories when viewing a blog post or parent page when viewing an attachment page.

Custom Classes vs Extra Classes