※この記事にはプロモーションが含まれています。

2枚の写真の違いを比較したい時には、超便利でカッコいい『twenty 20』がおススメ

ブログで写真の比較を載せたい時がある。特にカメラ好きの人などは、そういう機会が多いのではないだろうか。

TwentyTwentyは2枚の写真を横に並べ、真ん中でスクロールカーテンのように切り替えて比較閲覧ができるようにするためのWordpressプラグイン。

このプラグインを使えば、閲覧者が自由にスライドバーを動かして2枚の写真を見比べられるので、ただ並べて比較してもらうよりも効果的で、しかもちょっとカッコいい気がする。

twentyplugin

スクリプトとか何とかに明るい人、あるいは根性のある人は、「jQuery TwentyTwenty Plugin」のサイトを見て自分で設定できるのかもしれない。が、そうでない人や時間のない人は「Twenty20 Image Before-After」のお世話になろう。

→Twenty20 Image Before-After

スポンサーリンク

2枚の写真を選ぶだけの簡単設置

プラグインをインストールすると、編集画面に[Add Twenty20]というボタンが追加される。

twenty00

ボタンを押すとメディア追加の画面が出るので、そこで2枚の写真を登録し、2枚とも選択した状態で[Insert]をクリックすればOK。ページに下のようなショートコードが貼り付く。

twenty02

プレビューで見てみれば、おしゃれな比較写真が貼り付いているのがわかる。なかなかうれしい。

iPhone 7 Plusのデュアルレンズのボケ効果を確認したり・・・。

[twenty20 img1=”6536″ img2=”6537″ offset=”0.5″]
モノクロとカラーの比較をしたり・・・。

[twenty20 img1=”6546″ img2=”6547″ offset=”0.5″]
HDRソフトの効果を見比べてみるとか・・・。

[twenty20 img1=”6553″ img2=”6554″ offset=”0.5″]
いろいろできる。



けっこう前からあるプラグインなので、様々な情報サイトで使われているのをよく見かける。今回自分も使ってみたくなって、調べてみた。細かい設定変更もできるようなので、興味のある人は本家サイトも含めていろいろ覗いてみてほしい。

※この記事にはプロモーションが含まれています。[PR]

[この記事を書いた人] おき兄
デジタル世界で遊び続けて十余年。ガジェット大好き。組み立てたり壊したりするのも好き。昔はマザーボードに美しさを感じたりしていました。最近はVR/MRに傾倒。Xアカウント:@Okiniでも情報共有。

スポンサーリンク

シェアする

フォローする

スポンサーリンク