こんにちは!

画像をポップアップさせるプラグイン「WP-Simbox2」のご紹介です。

今回の要件

今回導入時の要件が、下記の2点でした。

・説明画像が有るので、リサイズされて欲しくない。

・スマホでも見れる事

選定開始!

この手のプラグインとして「Easy FancyBox」が使われる事が多いと思いますが、表示Windowにリサイズされてしまいました。

リサイズをオフにする機能がなかったので、落選。。

次に検討したのが「Lightbox Plus Colorbox」。

背景画像を替えたりできるし、スクロールして画像を表示してくれるので、これに落ち着きかけたのですが・・・スマホでも拡大される為、ちょっとめんどう。。

スクロールはできるんで、画像を操作はできるんですが・・・やっぱめんどう。。

で、次に検討したのが「WP-Slimbox2」でした。

・リサイズされずに表示してくれる。

・スマホの時は動作しないで、Windowサイズで表示してくれる。
※動作のON/OFFは管理画面で設定できます。

スマホに関しては、微妙ですが(^^;、要件は満たすので採用をしました。

WP-Slimbox2って???

jquery版Lightboxの「Slimbox2」のワードプレスプラグイン版です。

表示速度を考えると、jquery版を導入した方がいいんでしょうが、稼働後のメンテナンスを考えて、プラグインで実装しました。

今回は、規定値のままで動作させています。

ポップアップさせる画像について「リンク先」を”メディアファイル”にする事が注意点かも。

こんな感じで表示されます。

スクリーンショット 2014-12-31 15.49.55

※画像提供:デバッグ・ラボ様

設定画面です。(設定はデフォルトのまま)

slimbox2