読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

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

wordpress 備忘録 プラグイン

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

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

手順

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

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

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

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

f:id:miukro:20140907183826j:plain

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

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

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が起動する。
タグで大きさを指定してあげることも忘れずに。

以上。