Title: Simple Before After Image Slider
Author: Marcel CL
Published: <strong>2025年4月11日</strong>
Last modified: 2025年4月11日

---

プラグインを検索

![](https://ps.w.org/simple-before-after-image-slider/assets/banner-772x250.png?
rev=3271137)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/simple-before-after-image-slider/assets/icon-256x256.gif?rev
=3271137)

# Simple Before After Image Slider

 作者: [Marcel CL](https://profiles.wordpress.org/rvndojoker/)

[ダウンロード](https://downloads.wordpress.org/plugin/simple-before-after-image-slider.zip)

 * [詳細](https://ja.wordpress.org/plugins/simple-before-after-image-slider/#description)
 * [レビュー](https://ja.wordpress.org/plugins/simple-before-after-image-slider/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/simple-before-after-image-slider/#installation)
 * [開発](https://ja.wordpress.org/plugins/simple-before-after-image-slider/#developers)

 [サポート](https://wordpress.org/support/plugin/simple-before-after-image-slider/)

## 説明

**Simple Before After Image Slider** is a minimalistic and lightweight plugin that
allows you to display before/after image comparisons anywhere on your WordPress 
site. Perfect for photographers showcasing **photo edits**, designers comparing 
visuals, and marketers highlighting transformations.

🚀 **Key Features:**
 – Responsive and fast-loading before/after slider. – Works
with Gutenberg, Elementor, and Classic Editor. – SEO-friendly and lightweight. –
No dependencies – clean, optimized code.

### 💡 **How to Use**

Simply insert the following shortcode into any post, page, or widget: [before_after_slider
before=”URL_BEFORE” after=”URL_AFTER”]
 For multiple comparisons, add separate shortcodes:[
before_after_slider before=”URL1″ after=”URL2″] [before_after_slider before=”URL3″
after=”URL4″]

🌟 **Powered By:**
 This plugin is developed by [ThePresetsRoom](https://thepresetsroom.com)–
a hub for professional photo editing.

### Dependencies

This plugin uses the open source library `img-comparison-slider`.

 * GitHub repository: https://github.com/sneas/img-comparison-slider
 * Source file used: https://github.com/sneas/img-comparison-slider/blob/master/
   packages/img-comparison-slider/src/index.ts
 * License: MIT

The compiled version of the component is used in this plugin. All credit to the 
original authors.

## インストール

 1. Upload the plugin folder to `/wp-content/plugins/`
 2. Activate via _Plugins > Installed Plugins_
 3. Use `[before_after_slider before="" after=""]` wherever you want.

## FAQ

### Can I use this with Elementor or Gutenberg?

Yes! Just insert the shortcode into a Shortcode block or widget.

### Does it support multiple before/after comparisons?

Yes! Just use multiple `[before_after_slider]` shortcodes.

### Will this slow down my website?

No! The plugin is lightweight, optimized, and does not include unnecessary dependencies.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

Simple Before After Image Slider はオープンソースソフトウェアです。以下の人々がこの
プラグインに貢献しています。

貢献者

 *   [ Marcel CL ](https://profiles.wordpress.org/rvndojoker/)

[“Simple Before After Image Slider” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/simple-before-after-image-slider)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/simple-before-after-image-slider/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/simple-before-after-image-slider/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/simple-before-after-image-slider/)
を [RSS](https://plugins.trac.wordpress.org/log/simple-before-after-image-slider/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.0

 * Initial release

## メタ

 *  バージョン **1.0.0**
 *  最終更新日 **2年前**
 *  有効インストール数 **30+**
 *  WordPress バージョン ** 5.0またはそれ以降 **
 *  検証済み最新バージョン: **6.7.10**
 *  言語
 * [English (US)](https://wordpress.org/plugins/simple-before-after-image-slider/)
 * タグ
 * [before after](https://ja.wordpress.org/plugins/tags/before-after/)[image comparison](https://ja.wordpress.org/plugins/tags/image-comparison/)
   [photo](https://ja.wordpress.org/plugins/tags/photo/)[photographers](https://ja.wordpress.org/plugins/tags/photographers/)
   [slider](https://ja.wordpress.org/plugins/tags/slider/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/simple-before-after-image-slider/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/simple-before-after-image-slider/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/simple-before-after-image-slider/reviews/)

## 貢献者

 *   [ Marcel CL ](https://profiles.wordpress.org/rvndojoker/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/simple-before-after-image-slider/)