最近いろんなメディアでよく見るようになった、2枚の画像を中央のスライダーで比較して表示するアレ。
例えば、
こんなやつです。
暗い写真を明るくしました。みたいなときに使えるやつです。
これを上手く使うことで、2コマ漫画みたいなことも可能なので、表現の幅が広がりますよね。
というわけで今回は、2枚の画像をスライドで比較表示するWordPressプラグインをご紹介します。
まずはWordPressにプラグインをインストール
今回使うプラグインは、「Twenty20 Image Before-After」です。
Twenty20 Image Before-After — WordPress Plugins
こちらをWordPressにインストールし、有効化します。
で、記事作成の画面に新しいボタン「Add Twenty20」が増えていたらOKです。
「Twenty20 Image Before-After」の使い方
使い方は簡単で、いつもの画像挿入とほとんど変わりません。
「Add Twenty20」ボタンをクリックして
画像を2つ選択するだけです。最初に選んだほうがビフォア（左側）になります。
また、横スライドか縦スライドかを選択できます。
「Horizontal」が横スライド、
「Vertical」が縦スライドです。
さらに、最初のスライダーの位置も調整できます。「0.5」が中央です。これは適宜調整してください。
こんな使い方もできる
さて、このプラグインを使うことで、ビフォアアフター以外にもいろんな表現が可能になります。
例えば、
おみくじみたいな使い方。
さらに、
飲み物が増えたり減ったり。
画像2枚でいろいろ楽しめます。プラグインを入れるだけで簡単に使えるようになりますので、ぜひご活用ください。
それではまた。
ご存知、ゆうせいでした。
