WordPress で画像をオシャレに表示する： Lightbox 2

どこのWPを使ってる人は、画像をクリックすると、Javascriptが走って、画面の中央にその画像が浮き出てくる。

これはいったい･･･。

と思い、Googleで探しましたよ。

Keywordは

"wordpress　画像　表示"

で、検索したら、Hitしましたよ。

WordPress で画像をオシャレに表示するプラグイン "Lightbox 2" を導入する手順メモ。

ですよ。

世間的には既に定番になっているようですが、同じページ上で画像をリサイズして表示するプラグインです。
導入は有効化するだけなので非常に簡単です！！
公式HPはこちら。

プラグインのインストール方法は

1.公式HPらの配布サイトからプラグイン本体をダウンロードして解凍する。
2.記事の最下部？にある「Download Lightbox 2 Wordpress Plugin (1.7)」 をクリック。
3.解凍したファイルをサーバーにアップロードする。 WordPressフォルダ/wp-content/plugins/にアップロード。
ここで注意！
ZIPファイルを解凍すると、"lightbox-2-wordpress-plugin"フォルダが作成されますが
このフォルダをpluginsディレクトリにフォルダごとアップロードするのはNGです。
あくまで、"lightbox-2-wordpress-plugin"フォルダに入っている、lightboxフォルダとlightbox2.phpファイルだけをアップロードしてください。

4.Lightbox 2 を有効化する。 管理画面＞プラグイン＞Lightbox 2 を有効化。

これで設置完了です。

あと、これを使ってて、気になったのが

WordPressの仕様なのか？まぁBlog本来の仕様だと思うが、写真をサーバーにUpする必要がある。

で、ちゃんと名前も決める必要がある。

まぁこれが面倒だったら写真なんてUpするな！ってことになるんですけど、まぁそれはそれで。＾＾；

で、通常（デフォルト）設定では、写真などのアップロードされる場所は

"WordPressフォルダ/wp-content/uploads/ディレクトリ"

なんですけど、

自分は、管理画面の各種設定で、"その他の設定"ということろで、"ファイルアップロードに関する設定"という項目があります。

そこを自分なりに管理しやすいようにカスタマイズしました。

あと、

<a href="img1.jpg" rel="lightbox[roadtrip]">thumbnail1</a>

って書く必要があります。

お忘れなく。＾＾