Title: Browser Body Classes with Shortcodes Author: thomstark Published: 1 oktober 2013 Last modified: 9 maj 2014 --- Sök tillägg ![](https://ps.w.org/browser-body-classes-with-shortcodes/assets/banner-772x250. jpg?rev=785060) Det här tillägget **har inte testats med någon av de 3 senaste huvudversionerna av WordPress**. Det kanske inte längre underhålls och kan ha kompatibilitetsproblem när det används tillsammans med nyare versioner av WordPress. ![](https://s.w.org/plugins/geopattern-icon/browser-body-classes-with-shortcodes_ebecee. svg) # Browser Body Classes with Shortcodes Av [thomstark](https://profiles.wordpress.org/thomstark/) [Ladda ner](https://downloads.wordpress.org/plugin/browser-body-classes-with-shortcodes.zip) * [Detaljer](https://sv.wordpress.org/plugins/browser-body-classes-with-shortcodes/#description) * [Recensioner](https://sv.wordpress.org/plugins/browser-body-classes-with-shortcodes/#reviews) * [Installation](https://sv.wordpress.org/plugins/browser-body-classes-with-shortcodes/#installation) * [Utveckling](https://sv.wordpress.org/plugins/browser-body-classes-with-shortcodes/#developers) [Support](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/) ## Beskrivning 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 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] * 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 won’t 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 ### Requirements * PHP 5.2+ * WordPress 3.3+ ## Skärmdumpar * [[ * A shiny button. * [[ * To insert the shortcode, you have to click stuff. Sorry, no direct Brain-to-WordPress feature yet, but it’s in the plans. * [[ * See what happens when you click stuff? Wait… what’s that shiny box down below? * [[ * Oh, it’s the meta box, with another shortcode generator. You know… options. People like options. * [[ * Yes, you have to click stuff here too. * [[ * And more stuff. Then you have to copy and paste it. What a rip-off. * [[ * Look. More options. ## Installation 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. ## Recensioner Detta tillägg har inga recensioner. ## Bidragsgivare och utvecklare ”Browser Body Classes with Shortcodes” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg. Bidragande personer * [ thomstark ](https://profiles.wordpress.org/thomstark/) [Översätt ”Browser Body Classes with Shortcodes” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/browser-body-classes-with-shortcodes) ### Intresserad av programutveckling? [Läs programkoden](https://plugins.trac.wordpress.org/browser/browser-body-classes-with-shortcodes/), kika på [SVN-filförvaret](https://plugins.svn.wordpress.org/browser-body-classes-with-shortcodes/) eller prenumerera på [utvecklarloggen](https://plugins.trac.wordpress.org/log/browser-body-classes-with-shortcodes/) via [RSS](https://plugins.trac.wordpress.org/log/browser-body-classes-with-shortcodes/?limit=100&mode=stop_on_copy&format=rss). ## Ändringslogg #### 1.6 * Compat with WordPress 3.9. #### 1.5 Some important additions in this release: * Added 9 new device-specific body-classes, including catch-alls like: desktop, handheld, tablet, mobile, ios. * Added option to choose onto which row of the TinyMCE panel your shortcode button will go. * Fixed a few minor bugs. #### 1.4 Major Additions in this release: * Added 16 new browser and device-specific body classes, bringing the total to 33. * Added another option for automated shortcode generation: a button on your Visual Editor toolbar opens up the generator in a modal window. You still have the Meta Box. Either or both can be disabled, or access-controlled based on user capabilities. * The ”Configure Options” button in the Meta Box now only shows up for Administrators. * Completely revamped the PHP that powers the shortcodes, now optimized to reduce server load. * Fixed some problems with a few of the existing body classes, specifically Opera, Android, and iPhone. All better. * Tweaked some styles. * Added support and review links to the Options page. #### 1.3 Major Additions: * Now includes Shortcode Generator Meta Box located beneath the page editor, and an Options page, with the option to restrict access to the Meta Box according to user capability, or disable it altogether. #### 1.2 * Cleaned up code for IE version checker. No functional change from 1.1 #### 1.1 * This version no longer uses CSS to show or hide content. Everything is done with PHP. * Fixed problem with IE. #### 1.0 * Initial release ## Meta * Version **1.6** * Senast uppdaterat **12 år sedan** * Aktiva installationer **10+** * WordPress-version ** 3.3 eller senare ** * Testat upp till **3.9.40** * Språk * [English (US)](https://wordpress.org/plugins/browser-body-classes-with-shortcodes/) * Etiketter * [browser](https://sv.wordpress.org/plugins/tags/browser/)[class](https://sv.wordpress.org/plugins/tags/class/) [classes](https://sv.wordpress.org/plugins/tags/classes/) * [Avancerad vy](https://sv.wordpress.org/plugins/browser-body-classes-with-shortcodes/advanced/) ## Betyg 5 av 5 stjärnor. * [ 4 5-stjärniga recensioner ](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/?filter=5) * [ 0 4-stjärniga recensioner ](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/?filter=4) * [ 0 3-stjärniga recensioner ](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/?filter=3) * [ 0 2-stjärniga recensioner ](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/?filter=2) * [ 0 1-stjärniga recensioner ](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/#new-post) [Se alla recensioner](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/reviews/) ## Bidragande personer * [ thomstark ](https://profiles.wordpress.org/thomstark/) ## Support Har du något att säga? Behöver du hjälp? [Visa supportforum](https://wordpress.org/support/plugin/browser-body-classes-with-shortcodes/)