Justin Tadlock

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.
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.
<h3>Like this plugin?</h3>
Please consider helping the cause by:
<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>
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).
<h3>Plugin Development</h3>
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>.
<h3>Will this work with custom post types?</h3>
Certainly. This plugin works with any public post type on your site. It’s not just limited to the “post” post type.
<h3>It’s not working!</h3>
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>!

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.

thomstark

Adds browser-specific body classes for styling, and shortcodes to show or hide content to/from specified browsers and devices.
<ul>
<li>
As of v1.6, compatible with WordPress 3.9.
</li>
<li>
As of v1.5, includes new body classes, including catch-alls like: desktop, handheld, mobile, and tablet.
</li>
<li>
As of v1.4, includes Shortcode Generator Modal Window, and 16 new Browser Body Classes, for a total of 33.
</li>
<li>
As of v1.3, includes Shortcode Generator Meta Box, and an Options page, with the option to restrict access to the Meta Box according to user capability, or disable it altogether.
</li>
</ul>
Browser Body Classes with Shortcodes provides more than 40 browser-specific body classes to make styling your site for different platforms and devices a cinch. The plugin also comes with two powerful, yet simple, shortcodes to specify which browsers/devices to show content to, and which to hide it from. Still don’t feel like typing all those browser names? No worries! Browser Body Classes with Shortcodes comes with two different shortcode generators, with options to control who gets to use them.
The two shortcodes each have just one required attribute: [showto browser=””][/showto] and [hidefrom browser=””][/hidefrom]
<ul>
<li>Example: [showto browser=”firefox ie10″] Your Content [/showto] </li>
</ul>
This will show the content only to Firefox and IE10.
<ul>
<li>Example: [hidefrom browser=”opera safari chrome”] Your Content [/hidefrom]</li>
</ul>
This will hide the content only from Opera, Chrome, and Safari.
<ul>
<li>Example: [hidefrom browser=”unknown”] Your Content [/hidefrom]</li>
</ul>
This will hide the content from any browser not in the list of browser options below.
Note: You can use other shortcodes inside these shortcodes. You can also put a [hidefrom] shortcode inside a [showto] shortcode, but not the other way around.
<ul>
<li>Example: [showto browser=”firefox chrome”]Chrome and Firefox will see this. [hidefrom browser=”firefox”]Firefox won’t see this but Chrome will.[/hidefrom][/showto]</li>
</ul>
Browser options must be all lowercase and must contain a space or a comma between them if multiple are used. Acceptable Browser options are:
<ul>
<li>
desktop
</li>
<li>
handheld
</li>
<li>
tablet
</li>
<li>
mobile
</li>
<li>
ios
</li>
<li>
firefox
</li>
<li>
chrome
</li>
<li>
safari
</li>
<li>
opera
</li>
<li>
maxthon
</li>
<li>
msie
</li>
<li>
ie5
</li>
<li>
ie6
</li>
<li>
ie7
</li>
<li>
ie8
</li>
<li>
ie9
</li>
<li>
ie10
</li>
<li>
ie11
</li>
<li>
ns4
</li>
<li>
lynx
</li>
<li>
samsunggalaxytablet
</li>
<li>
kindlefire
</li>
<li>
kindlesilk
</li>
<li>
ipad
</li>
<li>
iphone
</li>
<li>
ipod
</li>
<li>
android
</li>
<li>
blackberry
</li>
<li>
skyfire
</li>
<li>
operamobile
</li>
<li>
operamini
</li>
<li>
samsung
</li>
<li>
winmobile
</li>
<li>
iemobile
</li>
<li>
nokia
</li>
<li>
motorola
</li>
<li>
palm
</li>
<li>
symbian
</li>
<li>
lg
</li>
<li>
blazer
</li>
<li>
bolt
</li>
<li>
unknown
</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>
PHP 5.2+
</li>
<li>
WordPress 3.3+
</li>
</ul>

Browser Body Classes with Shortcodes

Adds browser-specific body classes for styling, and shortcodes to show or hide content to/from specified browsers and devices.

Custom Classes vs Browser Body Classes with Shortcodes