Title: Wicker Wings DabKrabe – Before After Image Comparison Block
Author: Wataru Kanzaki
Published: <strong>2024年7月22日</strong>
Last modified: 2024年7月24日

---

プラグインを検索

![](https://ps.w.org/dabkrabe/assets/banner-772x250.png?rev=3124286)

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

![](https://s.w.org/plugins/geopattern-icon/dabkrabe_f5e4e5.svg)

# Wicker Wings DabKrabe – Before After Image Comparison Block

 作者: [Wataru Kanzaki](https://profiles.wordpress.org/dab/)

[ダウンロード](https://downloads.wordpress.org/plugin/dabkrabe.1.0.3.zip)

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

 [サポート](https://wordpress.org/support/plugin/dabkrabe/)

## 説明

You can easily create a block that allows visitors to compare and view two images
using a slide bar. You can view it in fullscreen and see a larger image for comparison.

[See Demos](https://wickerwings.jp/)

#### Feature

 * Image display size can be specified
 * Changing the slider movement direction vertically and horizontally
 * Edit border style
 * Edit slidebar color
 * Fill in the captions
 * Fill in the description
 * Fullscreen display

#### Notes

 * Editing slidebar color is not supported on WordPress 6.1
 * If the browser does not support fullscreen, the image will be displayed in the
   full window. At that time, a fixed menu specific to the WordPress theme may be
   displayed.

### Usage

 * Choose the left and right images from the image select buttons.
 * You can change preview mode and edit mode from the icon on the editing toolbar.
 * Some styles while editing are only applied in the preview mode.

## ブロック

このプラグインは1個のブロックを提供します。

 *   DabKrabe Image Comparison Block.

## インストール

 1. Upload the folder ‘dabkrabe’ to your plugin directory, or install the plugin through
    the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

### Is it responsive?

Sure, it is responsive.

### Is it able to be fullscreen?

Yes. Check “Enable Fullscreen” in the toolsbar.
 When you enter preview mode on 
the editing screen or display the public page, an icon to change fullscreen will
be displayed. Tap or click the icon to change fullscreen.

In some environments, the window is displayed to fill the entire window to simulate
a full screen.
 Menus that depend on the WordPress Theme may be displayed.

### What do the blocks look like if I disable or uninstall the plugin?

Display images, captions and descriptions side by side, like “Media & Text”.
 Some
settings are not saved in the HTML code.

**Note** If you convert it to HTML code, you will not be able to edit it again with
the visual editor.

## 評価

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

## 貢献者と開発者

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

貢献者

 *   [ Wataru Kanzaki ](https://profiles.wordpress.org/dab/)

[“Wicker Wings DabKrabe – Before After Image Comparison Block” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/dabkrabe)

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

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

## 変更履歴

#### 1.0.3

 * Tested on 6.6.1
 * Update README, attached screenshots.

#### 1.0.2

 * Release

## メタ

 *  バージョン **1.0.3**
 *  最終更新日 **2年前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 6.1またはそれ以降 **
 *  検証済み最新バージョン: **6.6.5**
 *  PHP バージョン ** 7.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/dabkrabe/)
 * タグ
 * [before after](https://ja.wordpress.org/plugins/tags/before-after/)[compare](https://ja.wordpress.org/plugins/tags/compare/)
   [comparison](https://ja.wordpress.org/plugins/tags/comparison/)[image](https://ja.wordpress.org/plugins/tags/image/)
   [photo](https://ja.wordpress.org/plugins/tags/photo/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/dabkrabe/advanced/)

## 評価

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

[Your review](https://wordpress.org/support/plugin/dabkrabe/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/dabkrabe/reviews/)

## 貢献者

 *   [ Wataru Kanzaki ](https://profiles.wordpress.org/dab/)

## サポート

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

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/dabkrabe/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://paypal.me/wickerwings)