Easy FancyBoxは、記事に配置した画像をクリックした際に、拡大画面をふわっと美しく表示できるWordPressプラグインです。Lightbox系のプラグインです。
画像の拡大表示のみであればプラグインをインストールして有効にするだけで利用できます。画像以外にも、YouTube動画・PDF・SWFなど、様々な形式に対応しています。
このプラグインを利用すると画像の拡大表示が視覚的に格好良くなるので、ブログの記事を読む人になんとなく先進的な印象を与えることができます。
はじめに
このプラグインが優れている点
- 記事に配置した要素（画像・動画・インラインコンテンツ）をクリックすると、別ウィンドウでふわっと拡大表示できる。
- 画像の拡大表示のみであれば初期設定のままでも運用できる。
- ギャラリーで複数画像をポップアップ表示することもできる。
- YouTube・Vimeo・Dailymotionの動画配信サービスに対応。
- PDF・SWF・SVGの表示に対応。
- インラインコンテンツの表示に対応。
動作見本
Easy FancyBoxは、jQueryのFancyBoxを利用して動作しています。
FancyBoxの公式サイトに実際に動作する様々な種類の見本が公開されています。
実際に動作する見本をご覧下さい。
使用上の注意点
このプラグインは他に利用しているJavaScriptライブラリと処理がぶつかる場合があります。
その場合は、他のプラグインやJavaScriptライブラリを利用して下さい。
インストール方法
管理画面から検索してインストールして下さい。
もしくは「wordpress.org」からダウンロードし、アップロードしてインストールして下さい。
- WordPress管理画面 ＞ プラグイン ＞ 新規追加 ＞「Easy FancyBox」で検索
- 「wordpress.org」からダウンロード
管理画面の設定
管理画面の場所
プラグインの管理画面は、設定の「メディア」の中に表示されます。
WordPress管理画面 ＞ 設定 ＞ メディア
メディア設定
Lightboxを動作させるメディアの種類を指定して設定を保存して下さい。
画像を利用する場合は、画像の「拡張子」の設定も必ずご確認下さい。
拡大表示の外観や動作に関しては、初期設定のままでも運用できます。
細かい設定は後から調整しならが運用して下さい。
メディアを挿入
記事に画像などのメディアを追加する際は、必ずリンク先に「メディアファイル」を指定して下さい。そうしないと「メディアファイル」を自動検出できません。
ギャラリーを作成
複数の画像を連続して表示するギャラリーを作成する場合は、記事編集画面の上部にある「メディアを追加」ボタンをクリックし、画面左側にある「ギャラリーを作成」を選択し、メディアライブラリから複数の画像を選択して記事に挿入すると、ギャラリーを作成できます。
そうすると、複数の画像を連続して表示させることができます。下記の画面は、4枚の画像を同時選択した例です。
YouTube動画の使用例
Easy FancyBoxでYouTube動画を利用する際は、AタグにYouTubeへのリンクがあれば、自動検出されます。
手動の場合は、Aタグにclassで「fancybox-youtube」を指定します。
<a href="http://www.youtube.com/watch?v=pfxB5ut-KTs">YouTube動画</a>
<a href="http://www.youtube.com/watch?v=pfxB5ut-KTs" class="fancybox-youtube">YouTube動画</a>
手動で指定できる内容（class指定）
| 動画共有サイト |
fancybox-youtube fancybox-dailymotion fancybox-vimeo |
|---|---|
| その他メディア形式 |
fancybox-pdf fancybox-swf fancybox-svg |
| インライン |
fancybox-inline fancybox-iframe |
画像以外のメディアファイルを利用する場合
画像以外のメディアファイルの場合も同じように自動検出で利用できます。
尚、インラインコンテンツとiframeは手動のみです。自動検出はありません。
詳しくは管理画面に表示される説明（英語）をご覧下さい。
まとめ
Easy FancyBoxは、記事に配置した画像をクリックした際に、拡大画面を美しく拡大表示できるWordPressプラグインです。Lightbox系のプラグインです。
このプラグインは画像が沢山あるブログで利用すると良い感じになります。また、単一の画像だけでなく、複数枚の画像をまとめて表示するギャラリーにも対応しています。
自分が撮影した写真を公開するブログや自分が描いた作品等を公開するブログで活用しましょう。
