Title: Conditional Stylesheets and Body Classes Author: qstudio Published: Ọ̀pẹ 10, 2013 Last modified: Ṣẹrẹ 17, 2016 --- Ṣàwárí àwọn plugin Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**. Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun. ![](https://s.w.org/plugins/geopattern-icon/browsers.svg) # Conditional Stylesheets and Body Classes Láti ọwọ́ [qstudio](https://profiles.wordpress.org/qlstudio/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/browsers.0.4.7.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/browsers/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/browsers/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/browsers/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/browsers/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/browsers/) ## Àpèjúwe Easily include browser specific stylesheets in templates or select browser and version specific classes in CSS. Conditional browser stylesheets are added after the main theme style.css allowing them to overrule previous rules Ìtumọ̀ Yorùbá: – you only need to add the CSS rules that should change. This plugin uses up-to-date WordPress top level functions, sanitizes all input data and is fully internationalized. For feature request and bug reports, [please use the Q Support Website](https://qstudio.us/support/categories/conditional-stylesheets-and-body-classes). Please do not use the WordPress.org forum to report bugs, as we no longer monitor or respond to questions there. #### Features * Checks for and adds browser and version specific stylesheets Ìtumọ̀ Yorùbá: – such as “browsers-windows-firefox.css”. * Add browser and version specific body classes to all pages Ìtumọ̀ Yorùbá: – such as body.browsers-msie-10 * Includes the Mobile Detect class and adds mobile & touch body classes. * Adds a post type body class, for example: “posttype-page”. * Inserts handy HTML comments in the HTML footer of template files to tell you which CSS files could be used and which were found. ## Ìgbéwọlẹ̀ For an automatic installation through WordPress: 1. Go to the ‘Add New’ plugins screen in your WordPress admin area 2. Search for ‘Browsers’ 3. Click ‘Install Now’ and activate the plugin For a manual installation via FTP: 1. Upload the `browsers` directory to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ screen in your WordPress admin area To upload the plugin through WordPress, instead of FTP: 1. Upload the downloaded zip file on the ‘Add New’ plugins screen (see the ‘Upload’ tab) in your WordPress admin area and activate. ## FAQ How do I add and access browser specirfic stylesheets? To add extra stylesheets, create a new CSS file and upload it to the root of your active theme or in the directory THEME/library/css/ Ìtumọ̀ Yorùbá: – you can include a mixture of 3 values: * Operating System name ( windows, mac, linux ) * Browser Name ( firefox, safari, chrome, msie ) * Browser Version ( a specific whole version number ) The plugin then looks for a matching CSS file in the root of the active theme or in the directory THEME/library/css/ using a combinations of these 3 values ( in these example weÌtumọ̀ Yorùbá: ’ll use IE 10 on windows ): * browsers-msie.css * browsers-msie-10.css * browsers-windows-msie.css How do I select browser specific classes in my CSS files? The Browsers plugin adds a collection of extra browser and operating system specific classes to the HTML tag of all front-end pages of the current active theme. The best way to find out what classes are added is to use a source code inspector like Google ChromeÌtumọ̀ Yorùbá: ’s Inspector to view the tag. You can then use these new classes to select HTML elements in the following way ( again using IE 10 as an example ): ~~ style.css ~~ body.browsers-msie-10 { background-color: red; } ~~~~~~~~~~~~ ## Àwọn àgbéyẹ̀wò ![](https://secure.gravatar.com/avatar/275cf49075e579169f5486035c92c783bd6c53e06f88dae7ac9b8a7bf3f4a0d2? s=60&d=retro&r=g) ### 󠀁[Awesome!](https://wordpress.org/support/topic/awesome-4013/)󠁿 [andreaantonelli89](https://profiles.wordpress.org/andreaantonelli89/) Ṣẹrẹ 30, 2017 Very useful and awesome plugin! [ Ka gbogbo àwọn àgbéyẹ̀wò 2 ](https://wordpress.org/support/plugin/browsers/reviews/) ## Àwọn Olùkópa & Olùgbéejáde “Conditional Stylesheets and Body Classes” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ qstudio ](https://profiles.wordpress.org/qlstudio/) [Túmọ̀ “Conditional Stylesheets and Body Classes” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/browsers) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/browsers/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/browsers/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/browsers/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/browsers/?limit=100&mode=stop_on_copy&format=rss). ## Àkọsílẹ̀ àwọn àyípadà #### 0.4.7 * readme update #### 0.4.6 * WP 4.4.1 Testing #### 0.4.5 * WP 4.0 Testing #### 0.4.4 * 3.9.1 Testing #### 0.4.3 * 3.8.1 Testing * Forum link #### 0.4.1 * Name change #### 0.4.0 * Readyness for Q Theme Framework integration #### 0.3.4 * Readme corrections #### 0.3.1 * Correction to stylesheet location function #### 0.3 * Body tags and CSS file names homogenized #### 0.2 * First public release. ## Àkójọpọ̀ Meta * Ẹ̀yà **0.4.7** * Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 10 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **30+** * Ẹ̀yà WordPress ** 3.2 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **4.4.34** * Èdè * [English (US)](https://wordpress.org/plugins/browsers/) * Àwọn àmì * [browsers](https://yor.wordpress.org/plugins/tags/browsers/)[clients](https://yor.wordpress.org/plugins/tags/clients/) [conditional](https://yor.wordpress.org/plugins/tags/conditional/)[css](https://yor.wordpress.org/plugins/tags/css/) [stylesheets](https://yor.wordpress.org/plugins/tags/stylesheets/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/browsers/advanced/) ## Àwọn ìbò 5 lára àwọn ìràwọ̀ 5. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/browsers/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/browsers/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/browsers/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/browsers/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/browsers/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/browsers/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/browsers/reviews/) ## Àwọn Olùkópa * [ qstudio ](https://profiles.wordpress.org/qlstudio/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/browsers/)