【wordpress プラグイン】WP Lightbox 2の設置

今回もwordpressネタ。プラグインは何でもあるなー。

このlightboxはレスポンシブにも対応しているので便利。

手順

①WP Lightbox 2を管理画面で設定

②phpファイルのlightboxを起動させたい部分にコード記述

①WP Lightbox 2を管理画面で設定

まず、WP Lightbox 2のプラグインをインストールする。そこから管理画面の「設定」-「WP Lightbox 2」で設定していく。

上の写真がlightboxの設定画面。

• Auto-lightbox image links

オートですべてのサイトの画像でlightboxが起動するか設定。

• Enable lightbox in comments

lightboxのエフェクトがかかった画像にコメントを挿入するか設定。

• Shrink large images to fit smaller screens

スマートフォンなどのデバイスに合わせて拡大画像のサイズを合わせるか設定。

まあ上記のところくらいを設定すれば普通に使えるレベルになる。

②phpファイルのlightboxを起動させたい部分にコード記述

<a href="../wp-content/uploads/2014/08/name1.png" rel="lightbox"><img src="" alt="*" width="" height="" /></a>

①の設定でlightboxを自動起動にしなければ上記のコードでaタグ「rel="lightbox"」属性を付加すればlightboxが起動する。
タグで大きさを指定してあげることも忘れずに。

以上。