【Lightbox 2】サムネイル写真などに手軽にLightbox効果を付けられるプラグイン

サイト内にサムネイル画像を配置すると、画像をクリックすることで元画像（リンク先画像）が表示されますが、新しいタブなどを開いて表示するので、元のページに戻る手間などが必要になりますよね。

Lightbox効果とは、写真などの周りを暗くしてリンク先の写真を同じページ内に表示出来る効果です。

こんな感じですね。WordPressのメディア追加メニュー表示とか、Google 画像検索などでも使われているので、大分馴染みがあるかも。

ユーザーをあっちに行ったり、戻したりさせずに済むだけでなく、表示の見た目も格好良いのがポイントです。

Lightbox 2を導入して、写真にLightbox効果をつけてみましょう。

Lightbox 2の導入

Lightbox 2はWordPressのプラグイン新規追加からインストール可能です。

インストールが完了したら、有効化してみましょう。

Lightbox 2の設定

有効化した時点で、既に既存の写真を含めLightbox効果が付与されていますが、枠の色などの変更を設定メニューから行うことが出来ます。

枠色：ブラック

デフォルトでは枠の色がブラックになっています。写真が引き締まりますので格好良いですね！

枠色：ダークグレイ

ブラックから少しだけ薄くなったダークグレイです。
ちょっとだけぼやけた感触になるかも。

枠色：グレイ

ダークグレイよりも大分ホワイトへ傾いてますね。

枠色：ホワイト

バックグラウンドとのコントラストが美しいホワイト枠です。

個人的には枠の色はブラックかホワイトの二択になりそう。

個人的な日記ブログでも、アフィリエイトサイトでの商品説明写真などでも、Lightbox効果のある方がユーザービリティに優れていると言えそうです。

見た目もギュワワっと写真が開くのでインパクトがありますし、サムネイルを利用している方はぜひ導入してみてくださいませ。

※プラグインについては、投稿時のVersionにて確認・記事の投稿を行っております。