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.

Jory Hogeveen

Cindy Kendrick

<h3>Widget CSS Classes gives you the ability to add custom classes and ids to your WordPress widgets</h3>
<p><em>Please note that this plugin doesn’t enable you to enter custom CSS. You’ll need to edit your theme’s style.css or add another<br />
 plugin that allows you to input custom CSS.</em></p>
<p><strong>This plugin also adds additional classes to widgets to help you style them easier:</strong></p>
<ul>
<li>widget-first: added to the first widget in a sidebar</li>
<li>widget-last: added to the last widget in a sidebar</li>
<li>widget-odd: added to odd numbered widgets in a sidebar</li>
<li>widget-even: added to even numbered widgets in a sidebar</li>
<li>widget-#: added to every widget, such as widget-1, widget-2</li>
</ul>
<h4>Features</h4>
<ul>
<li>Adds a text field to a widget for defining a class</li>
<li>You can specify multiple classes by putting a space between them</li>
<li>Optionally adds checkboxes with predefined classes</li>
<li>Optionally adds a text field to add an id to a widget</li>
<li>Adds first and last classes to the first and last widget instances in a sidebar</li>
<li>Adds even/odd classes to widgets</li>
<li>Adds number classes to widgets</li>
<li>Fully translatable</li>
<li>Multi-site compatible</li>
<li>Compatible with Widget Logic, Widget Context, and WP Page Widget plugins</li>
<li>Has filters and hooks for customizing output including class names</li>
</ul>
<p><a href="https://github.com/JoryHogeveen/widget-css-classes/wiki" rel="nofollow ugc">Plugin Website</a></p>
<h3>Credits</h3>
<ul>
<li><a href="http://ednailor.com/2011/01/24/adding-custom-css-classes-to-sidebar-widgets/" rel="nofollow ugc">Adding Custom CSS Classes to WordPress Widgets</a></li>
<li><a href="http://wpshock.com/add-first-last-css-class-automatically-to-wordpress-widgets/" rel="nofollow ugc">Add .first & .last CSS Class Automatically To WordPress Widgets</a></li>
<li>Widget Context compatibility fix provided by <a href="http://joanpiedra.com/" rel="nofollow ugc">Joan Piedra</a></li>
<li>Slovak translation by Branco <a href="http://webhostinggeeks.com/user-reviews/" rel="nofollow ugc">WebHostingGeeks.com</a></li>
<li>Polish translation added, Slovak translation files renamed by <a href="https://github.com/ittw" rel="nofollow ugc">Tomasz Wesołowski</a></li>
<li>Spanish translation by <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Maria Ramos at WebHostingHub</a></li>
<li>Serbo-Croatian translation by <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Borisa Djuraskovic at WebHostingHub</a></li>
<li>Dutch translation and predefined classes fix by <a href="https://www.keraweb.nl/" rel="nofollow ugc">Jory Hogeveen at Keraweb</a></li>
<li>Russian translation by Наталия Завьялова</li>
<li>Swedish translation by <a href="http://www.ollegustafsson.com/" rel="nofollow ugc">Olle Gustafsson</a></li>
<li>Fix ids notice by <a href="http://www.luders.com.br/" rel="nofollow ugc">Ricardo Lüders</a></li>
<li>Brazilian Portuguese translation by <a href="https://mealfan.com/" rel="nofollow ugc">Jonathan Xavier at Mealfan</a></li>
</ul>
<p><a href="https://translate.wordpress.org/projects/wp-plugins/widget-css-classes/contributors/" rel="nofollow ugc">Translation Contributors</a><br />
<a href="https://github.com/JoryHogeveen/widget-css-classes/graphs/contributors" rel="nofollow ugc">GitHub Contributors</a></p>


Widget CSS Classes

Very useful plugin! it's a wonder WP core doesn't have such a feature. Support is great also, thanks a lot! ;D

working great

Wordpress released new style of widget management. this lovely plugin not working on new version :(

Not working on Wordpress 5.8

Add custom classes and ids plus first, last, even, odd, and numbered classes to your widgets.

Custom Classes vs Widget CSS Classes