Lightbox Gallery

Filed under: wordpressプラグイン — kdcs @ 12年6月12日 火曜日

wordpress標準搭載のギャラリーをLightbox風に見せることができるプラグイン

ギャラリーで扱う画像が自動的にグループ化され、矢印ボタンで画像を切り替えることができる
rel=”lightbox”などの面倒な記述も必要ないので、一般ユーザー向けに利用できる

HITL入力で gallery lightboxsize=”full” と入力すればフルサイズで表示できる ([]で囲む)
※デフォルトは中サイズ

ダウンロードはこちら
※現時点のバージョンは0.7.1

自作オリジナルテーマの場合はheader.phpにscript


<script type='text/javascript' src='<?php bloginfo('url'); ?>/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script type='text/javascript' src='<?php bloginfo('url'); ?>/wp-content/plugins/lightbox-gallery/js/jquery.colorbox.js?ver=3.3.2'></script>
<script type='text/javascript' src='<?php bloginfo('url'); ?>/wp-content/plugins/lightbox-gallery/js/jquery.tooltip.js?ver=3.3.2'></script>
<script type='text/javascript' src='<?php bloginfo('url'); ?>/wp-content/plugins/lightbox-gallery/lightbox-gallery.js?ver=3.3.2'></script>

そしてcss


<link rel="stylesheet" type="text/css" href="<?php bloginfo('url'); ?>/wp-content/plugins/lightbox-gallery/lightbox-gallery.css" />

lightbox galleryの設定で拡大画像をフルサイズ表示させる項目あり full を入力する

ギャラリーの画像を記事ごとにグループ化するにはショートコードを使う(例)
グループ化にはclassを使う classに記事のid番号を付けると記事ごとのグループになる

※基本的にサムネイルのリンク先やギャラリーの列数などは自動挿入される

サイト内検索

カテゴリー

最近の投稿

« |Lightbox Gallery| »
↑上に戻る