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.

  • As of v1.6, compatible with WordPress 3.9.

  • As of v1.5, includes new body classes, including catch-alls like: desktop, handheld, mobile, and tablet.

  • As of v1.4, includes Shortcode Generator Modal Window, and 16 new Browser Body Classes, for a total of 33.

  • 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.

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 dont 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]

  • Example: [showto browser=firefox ie10?] Your Content [/showto]

This will show the content only to Firefox and IE10.

  • Example: [hidefrom browser=opera safari chrome] Your Content [/hidefrom]

This will hide the content only from Opera, Chrome, and Safari.

  • Example: [hidefrom browser=unknown] Your Content [/hidefrom]

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.

  • Example: [showto browser=firefox chrome]Chrome and Firefox will see this. [hidefrom browser=firefox]Firefox wont see this but Chrome will.[/hidefrom][/showto]

Browser options must be all lowercase and must contain a space or a comma between them if multiple are used. Acceptable Browser options are:

  • desktop

  • handheld

  • tablet

  • mobile

  • ios

  • firefox

  • chrome

  • safari

  • opera

  • maxthon

  • msie

  • ie5

  • ie6

  • ie7

  • ie8

  • ie9

  • ie10

  • ie11

  • ns4

  • lynx

  • samsunggalaxytablet

  • kindlefire

  • kindlesilk

  • ipad

  • iphone

  • ipod

  • android

  • blackberry

  • skyfire

  • operamobile

  • operamini

  • samsung

  • winmobile

  • iemobile

  • nokia

  • motorola

  • palm

  • symbian

  • lg

  • blazer

  • bolt

  • unknown


  • PHP 5.2+

  • WordPress 3.3+



  1. Upload browser-body-classes-with-shortcodes/ to the /wp-content/plugins/ directory.

  2. Activate the plugin through the Plugins menu in WordPress.

  3. Configure your Options at Settings > Browser Body Classes Options

  4. Use the provided shortcodes on your pages and posts, or use the provided body classes to style your own browser-specific and device-specific content.

Leave a Reply

Your email address will not be published.

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Most Viewed Posts