Lightbox Wordpress Plugin
サムネイル画像をカッコ良く拡大してくれるLightbox JS v2.0。
Movable Typeでは小粋空間さんのLightbox JS で画像を表示するを参考に
四苦八苦しながら導入したLightbox。
Wordpressにはこのプラグインがあるみたいなので早速入れてみました。
英語だ!!
まぁ、落ち着いて、ゆっくりやれば大丈夫。だと思う(笑)
スクロールしていくと”Download Last Version (**) .zip “のリンクがあるので
これをダウンロード。そして解凍。
解凍したフォルダにlightbox2というフォルダとlightbox2.phpというファイルがあります。
これらをフォルダwp-content/pluginsへアップロード。
そしてそして管理画面の”プラグイン”をクリックするとLightboxが表示されます。
Lightboxが表示されている右側の”有効化”をクリックすれば準備はOK。
サムネイル画像に拡大画像のURLをリンクする時に
タグに rel=”lightbox” を追加すると出来上がり!
複数の写真をグループ化することもできます。
その場合は rel=”lightbox[roadtrip]” こんな感じで[]内をグループ名にすると、
同じグループの写真をNEXTボタンで表示していけます。
意外とサクサク出来たので吃驚。
しかしまだIEで確認してないんですよね・・・
Movable Typeの時はIEで表示が崩れてたのでCSSの部分にえらく時間がかかりました。
ちゃんと表示されてるといいんだけどなぁ。