Title: Side by Side Author: damiarita Published: 2015년 11월 27일 Last modified: 2017년 11월 14일 --- 플러그인 검색 이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다. ![](https://s.w.org/plugins/geopattern-icon/side-by-side.svg) # Side by Side 작성자: [damiarita](https://profiles.wordpress.org/damiarita/) [다운로드](https://downloads.wordpress.org/plugin/side-by-side.zip) * [세부사항](https://ko.wordpress.org/plugins/side-by-side/#description) * [평가](https://ko.wordpress.org/plugins/side-by-side/#reviews) * [설치](https://ko.wordpress.org/plugins/side-by-side/#installation) * [개발](https://ko.wordpress.org/plugins/side-by-side/#developers) [지원](https://wordpress.org/support/plugin/side-by-side/) ## 설명 This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it! It’s perfect to compare “before” and “now” images. This plugin will use jQuery to detect when your mouse gets into the box and move the white bar with it. Simply use the shortcodes like this: [sidebyside] [sidebyside-left] Put here whatever content you want to be on the left side [/sidebyside-left] ``` [sidebyside-right] This is the place for the content that goes to the right [/sidebyside-right] [/sidebyside] ``` #### What should I put in the shortcodes? You can put whatever you want. My suggestion is that you put two images with the same height #### Is it responsive? Yes! All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes. ## 스크린샷 * [[ * Default view of two pictures. * [[ * Once I move the mouse over the images, the separating bar moves with it. ## 설치 1. On the left side menu select Plugins > Add New 2. In “Search Plugins” field enter “side by side” and search 3. Press “Install Now” button of the “side by side” ## FAQ Installation Instructions 1. On the left side menu select Plugins > Add New 2. In “Search Plugins” field enter “side by side” and search 3. Press “Install Now” button of the “side by side” Do I need to be a programmer? No! All you need to do is using these shortcodes: ``` [sidebyside] [sidebyside-left] Put here whatever content you want to be on the left side [/sidebyside-left] [sidebyside-right] This is the place for the content that goes to the right [/sidebyside-right] [/sidebyside] ``` What should I put in the shortcodes? You can put whatever you want. My suggestion is that you put two images with the same height Is it responsive? Yes! All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes. ## 후기 ![](https://secure.gravatar.com/avatar/877d78c783fedbe953b25320a11bbf853373f1f782e20de006be54c9d9b3a2bc? s=60&d=retro&r=g) ### 󠀁[It works, nice plugin](https://wordpress.org/support/topic/it-works-nice-plugin/)󠁿 [lukejr](https://profiles.wordpress.org/lukejr/) 2017년 7월 18일 답글 1개 A useful plugin if you want the user to be able to see images side by side ![](https://secure.gravatar.com/avatar/38c8935d9bc763a088372ea2da2fedb3d0744798819720af4521ad4c965f00e2? s=60&d=retro&r=g) ### 󠀁[It works great for me!](https://wordpress.org/support/topic/it-works-great-for-me-2/)󠁿 [damiarita](https://profiles.wordpress.org/damiarita/) 2016년 9월 3일 I have had no troubles since I developed the plugin. I you had some, please, let me know! [ 모든 2 평가 읽기 ](https://wordpress.org/support/plugin/side-by-side/reviews/) ## 기여자 & 개발자 “Side by Side”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ damiarita ](https://profiles.wordpress.org/damiarita/) [자국어로 “Side by Side”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/side-by-side) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/side-by-side/)는, [SVN 저장소](https://plugins.svn.wordpress.org/side-by-side/) 를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/side-by-side/) 을 [RSS](https://plugins.trac.wordpress.org/log/side-by-side/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 =1.0.2= *Minified script is loaded by default. Non minified if SCRIPT_DEBUG is set to true =1.0.1= *Script is loaded in the footer #### 1.0.0 * First release ## 기초 * 버전 **1.0.2** * 최근 업데이트: **8년 전** * 활성화된 설치 **30+** * 워드프레스 버전 ** 1.0.2 또는 그 이상 ** * 다음까지 시험됨: **4.8.28** * 언어 * [English (US)](https://wordpress.org/plugins/side-by-side/) * 태그: * [css](https://ko.wordpress.org/plugins/tags/css/)[javascript](https://ko.wordpress.org/plugins/tags/javascript/) [jquery](https://ko.wordpress.org/plugins/tags/jquery/)[shortcode](https://ko.wordpress.org/plugins/tags/shortcode/) [style](https://ko.wordpress.org/plugins/tags/style/) * [고급 보기](https://ko.wordpress.org/plugins/side-by-side/advanced/) ## 평점 별 5점 만점에 5점. * [ 2/5-별점 후기 ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=5) * [ 0/4-별점 후기 ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=2) * [ 0/1-별점 후기 ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/side-by-side/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/side-by-side/reviews/) ## 기여자 * [ damiarita ](https://profiles.wordpress.org/damiarita/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/side-by-side/)