Title: Side by Side Author: damiarita Published: 2015年11月27日 Last modified: 2017年11月14日 --- プラグインを検索 このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。 ![](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://ja.wordpress.org/plugins/side-by-side/#description) * [レビュー](https://ja.wordpress.org/plugins/side-by-side/#reviews) * [インストール](https://ja.wordpress.org/plugins/side-by-side/#installation) * [開発](https://ja.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 reply 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+** * WordPress バージョン ** 1.0.2またはそれ以降 ** * 検証済み最新バージョン: **4.8.28** * 言語 * [English (US)](https://wordpress.org/plugins/side-by-side/) * タグ * [css](https://ja.wordpress.org/plugins/tags/css/)[javascript](https://ja.wordpress.org/plugins/tags/javascript/) [jquery](https://ja.wordpress.org/plugins/tags/jquery/)[shortcode](https://ja.wordpress.org/plugins/tags/shortcode/) [style](https://ja.wordpress.org/plugins/tags/style/) * [詳細を表示](https://ja.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/)