Title: Conditional Stylesheets and Body Classes Author: qstudio Published: 2013년 12월 10일 Last modified: 2016년 1월 17일 --- 플러그인 검색 이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다. ![](https://s.w.org/plugins/geopattern-icon/browsers.svg) # Conditional Stylesheets and Body Classes 작성자: [qstudio](https://profiles.wordpress.org/qlstudio/) [다운로드](https://downloads.wordpress.org/plugin/browsers.0.4.7.zip) * [세부사항](https://ko.wordpress.org/plugins/browsers/#description) * [평가](https://ko.wordpress.org/plugins/browsers/#reviews) * [설치](https://ko.wordpress.org/plugins/browsers/#installation) * [개발](https://ko.wordpress.org/plugins/browsers/#developers) [지원](https://wordpress.org/support/plugin/browsers/) ## 설명 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 – 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. #### 기능 * Checks for and adds browser and version specific stylesheets – such as “browsers- windows-firefox.css”. * Add browser and version specific body classes to all pages – 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. ## 설치 워드 프레스를 통해 자동 설치 : 1. 당신의 워드 프레스 관리자 영역에서 ‘추가 새로운’플러그인 화면으로 이동 2. Search for ‘Browsers’ 3. ‘지금 설치’를 클릭하고 플러그인을 활성화 FTP를 통해 수동 설치 : 1. Upload the `browsers` directory to the `/wp-content/plugins/` directory 2. 당신의 워드 프레스 관리자 영역에서 ‘플러그인’화면을 통해 플러그인을 활성화 대신 FTP의, 워드 프레스를 통해 플러그인을 업로드하려면 : 1. 당신의 워드 프레스 관리자 영역에서 ‘추가 새로운’플러그인 화면 ( ‘업로드’탭 참조) 에 다운로드 한 zip 파일을 업로드하고 활성화합니다. ## 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/ – 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’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’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; } ~~~~~~~~~~~~ ## 후기 ![](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/) 2017년 1 월 30일 Very useful and awesome plugin! [ 모든 2 평가 읽기 ](https://wordpress.org/support/plugin/browsers/reviews/) ## 기여자 & 개발자 “Conditional Stylesheets and Body Classes”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ qstudio ](https://profiles.wordpress.org/qlstudio/) [자국어로 “Conditional Stylesheets and Body Classes”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/browsers) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/browsers/)는, [SVN 저장소](https://plugins.svn.wordpress.org/browsers/) 를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/browsers/)을 [RSS](https://plugins.trac.wordpress.org/log/browsers/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 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. ## 기초 * 버전 **0.4.7** * 최근 업데이트: **10년 전** * 활성화된 설치 **30+** * 워드프레스 버전 ** 3.2 또는 그 이상 ** * 다음까지 시험됨: **4.4.34** * 언어 * [English (US)](https://wordpress.org/plugins/browsers/) * 태그: * [browsers](https://ko.wordpress.org/plugins/tags/browsers/)[clients](https://ko.wordpress.org/plugins/tags/clients/) [conditional](https://ko.wordpress.org/plugins/tags/conditional/)[css](https://ko.wordpress.org/plugins/tags/css/) [stylesheets](https://ko.wordpress.org/plugins/tags/stylesheets/) * [고급 보기](https://ko.wordpress.org/plugins/browsers/advanced/) ## 평점 별 5점 만점에 5점. * [ 2/5-별점 후기 ](https://wordpress.org/support/plugin/browsers/reviews/?filter=5) * [ 0/4-별점 후기 ](https://wordpress.org/support/plugin/browsers/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/browsers/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/browsers/reviews/?filter=2) * [ 0/1-별점 후기 ](https://wordpress.org/support/plugin/browsers/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/browsers/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/browsers/reviews/) ## 기여자 * [ qstudio ](https://profiles.wordpress.org/qlstudio/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/browsers/)