12月
15
2011

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

このエントリーをはてなブックマークに追加 著者: crow
eye

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

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

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

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

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

Lightbox 2の導入

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

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

Lightbox 2の設定

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

枠色:ブラック

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

枠色:ダークグレイ

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

枠色:グレイ

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

枠色:ホワイト

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

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

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

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

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

Thank you for your Comment!

Trackback URL

無関係な内容や、内容のないと管理人が判断したものは承認いたしません。