Check Of A Roof

Check

Tweet

当サイト内の写真集ブログでも使用しているWPプラグインLightbox Galleryの紹介、そして備忘録です。

サムネイルをクリックすると、拡大したイメージを表示させるJavaScriptアプリケーションにLightboxというのがありますが、このLightboxで画像・写真を表示できるように変更するプラグインが、Lightbox Gallery Pluginである。

詳しくは、開発者のサイトでご確認いただきたいが、日本人による日本語のサイトなので分かりやすいです。
以下は簡単な流れ。

■ダウンロード
まず、下記のいずれかのサイトより圧縮ファイルをダウンロードする。
Lightbox Gallery
http://wpgogo.com/development/lightbox-gallery.html
WORDPRESS.ORG
http://wordpress.org/extend/plugins/lightbox-gallery/

■インストール
1.Lightbox Galleryプラグインをインストールするには、上記の圧縮ファイルを解凍し、lightbox-gallery.jsの2行目のパスをご利用の環境に合わせて設定する。
2.2.lightbox-galleryディレクトリをそのままwp-content/pluginsディレクトリにアップロードし、Lightbox Galleryを有効化する。

■ポイント
テーマファイルの場所にlightbox-gallery.cssやlightbox-gallery.jsがある場合はそちらを読み込みます。ない場合はLightbox Gallery pluginにあるlightbox-gallery.cssとlightbox-gallery.jsを読みます。cssやJavaScriptを変更する場合は、テーマファイルの場所にlightbox-gallery.cssとlightbox-gallery.jsを置いておくと、プラグインのアップグレード時に上書きせずに済みます。

ショートコードのオプションも使用できますが、デフォルトで使用しても問題ないです。

デモサイトです。
記憶の記録＠GENTOKI