画像をLightbox表示できるWordPressプラグイン「Easy FancyBox」

画像をクリックした時に拡大表示させることができるWordPressプラグインを紹介します。

導入するだけで使える手軽さにも関わらず、かつ高機能という優れものです。

Lightboxとは?

Webサイトに設置された画像をモーダルダイアログを使用することで、拡大させた画像として前面に表示させるために使用されるjavaScriptのアプリケーションです。

リンクで別ページに遷移させることなく上質なデザインで表示させることができるため、多くのサイトで採用されています。

WordPressではプラグインとして提供されているため、誰でも簡単に利用することが可能です。

デモ

インストールの前に実演してみましょう。実際にどういった動きになるか、以下の画像をクリックして確認してみてください。

photo-1466854076813-4aa9ac0fc347photo-1450740199001-78e928502994

プラグイン「Easy FancyBox」をインストール

WordPressの管理画面から以下の手順で追加していきます。

プラグイン > 新規追加 >  検索「Easy FancyBox」

easy-fancybox

インストールが完了したら「有効化」することをお忘れなく。

使い方

使い方は簡単です。

「Easy FancyBox」を有効化している状態で、画像を追加します。

その際に注意して欲しいのが、必ずリンクを付けること!

Lightboxは<a href="画像のURL"><img src="画像のURL"></a>のような記述で初めて動く仕組みになっています。

WordPressでメディアを追加する際には、以下のようにリンク先でメディアファイルを指定することをお忘れなく!

easy-fancybox2