WordPressでlightbox 2.0を使う

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です