Lightboxプラグインを使用して、画像に高級感を与えるの巻

画像を使うコンテンツ制作を行っている方にとっては、もはや当たり前のpluginとも言える

「Lightbox」ですが、画像をメインに使っていないblog運営者の方も、一度使ってみるのを勧めます。
ブログ上に写真を張り付けた場合、通常張りつけた画像の大きさのまま、訪問者は閲覧する形になります。

Lightboxを使用しますと、閲覧者が写真をクリックした場合、映画のスクリーンのようなフレーム(写真を包む型枠)が現れ、画像に高級感を演出することができます。

あなたが管理しているサイトの内容によっては、高級感を演出することが、逆効果に働く場合もあります
ので一概に言えませんが、Lightboxを使用して、閲覧者が不快に感じることは考えられないでしょう。

むしろ、丁寧にWEBサイトを作っているなぁ…と好印象を与えることになると管理者タツオは思います。
設定方法もいつものように、pluginディレクトリに、ファイルをぶち込めば完了と比較的短時間で終わ
るので、この際覚えておきましょう。

Lightboxを使用した場合、以下のように画像が変化します。
写真をクリックしてみてください。【笑顔のお姉さんが拡大されます】

Lightboxのpluginを探してみると、何種類かあるようなのですが、今回当サイトで取り上げるのは
Lightbox 2 Wordpress Pluginです。
これを選んだ理由は、不具合が非常に少なく安定感があるようなので。

インストールから設定までの一連の流れ

では、設定方法。

Lightbox 2 Wordpress Pluginのサイト上に行き、デスクトップ上の見えやすい位置にでもdownloadします。

downloadしたファイル名は、｢lightbox-2-wordpress-plugin｣となっていると思います。
これを、wordpressフォルダ内の「pluginフォルダ内」にフォルダごとぶち込みます。
ftpによるuploads作業が終わりましたら、wordpressダッシュボード画面のプラグイン編集画面から、「Lightbox 2」を使用に
チェックを入れます。設定は以上です。

実際に使用するには

あなたが、実際にLightboxを使用してみたい画像に、以下のようにhtmlで記述します。

<a href=”拡大したい画像のアドレス(URL)” rel=”lightbox”><img src=”サムネイルに使用する画像のアドレス(URL)” /></a>

使い方さえ間違わなければ、サイト上に高級感を演出することが可能な機能、
是非堪能してみてくださいな。

本当にカッコイイよね。この機能。

まだトラックバック、コメントがありません。