QLOOKアクセス解析
RSS
« 7月 2017 4月
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
 

WordPressでlightbox 2.0を使う

09 2月

lightboxは画像を表示するビジュアルが良くなるサムネイルを押すとビヨーンとなるやつです。

WordPress Plugins/JSeriesで日本語化されているLightbox 2 日本語版Lightbox 2 WordPress Plugin 日本語版<img>内にrel=”lighbox”を加える必要があるようです。

Lightbox v2.0 WordPressプラグイン版 ≪ BirDesignで紹介されているWP Lightbox 2を使ってみることにします。

ダウンロードはLightbox 2.0 for WordPressから。

解凍したらいつも通りにフォルダーごとpluginsディレクトリにアップロードし有効化。

WP Lightbox 2は動画に対してはタグを意識する必要はないようですが
テキストから動画にリンクしている場合は手動でrel=”lightbox”を書くか
テキストリンクに対しても自動認識させるにはファイルwp-lightbox2.phpを編集しないとだめみたいです。

$pattern = '/(<a(.*?)href="([^"]*.)'.IMAGE_FILETYPE.'"(.*?)><img)/ie';
$replacement = 'stripslashes(strstr("\2\5","rel=") ? "\1" : "<a\2href=\"\3\4\"\5 rel=\"lightbox\"><img")';

の2行を

$pattern = '/(<a(.*?)href="([^"]*.)(bmp|gif|jpeg|jpg|png)"(.*?)>)/ie';
$replacement = '(strstr("\2\5","rel=") ? "\1" : "<a\2href=\"\3\4\"\5 rel=\"lightbox[whole]\">")';

のように編集します。

テキストリンクテスト

また

Lightbox JS v2.0の新しい機能である、他の画像への移動(スライドショー表示)にも対応しています。
この機能を使う場合は、手動でアンカータグrel=”lightbox[分類名]”と書く必要があります。

とのことです。

この機能は試してないのでAfroはどんなスライドショー、表示なるのかしりませんw

以下参考サイトです。
WordPress Plugins/JSeries
Lightbox v2.0 WordPressプラグイン版 ≪ BirDesign

 
拍手する このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Tags: , ,

Leave a Reply

 

 
 

Videos, Slideshows and Podcasts by Cincopa Wordpress Plugin