« ImageManager plugin - 日本語版
第三回WordPressユーザー交流会 »

Wed 5 Apr 2006

Lightbox v2.0 WordPressプラグイン版

Category: WordPress
You can leave a response, or trackback from your own site.

Lightbox2のデモ“Lightbox JS v2.0”のWordPressプラグイン版がリリースされました。“WP Lightbox 2”というプラグインです。機能もしっかりしていますし、動作も安定しています。現在入手できるLightboxのプラグインとしては、最もおすすめ出来るでしょう。

WP Lightbox 2を使えば、記事のアンカータグに「rel="lightbox"」と書く必要が無くなります。WordPressにインストールするだけで、記事内の画像へのリンクにLightboxが適用されるのです。

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

Lightbox JS v2.0のインストール方法

WP Lightbox 2のインストールはとても簡単です。

  1. プラグインをダウンロードし解凍する
  2. WordPressのプラグインフォルダに、フォルダごとアップロード
  3. 管理画面 -> プラグインから「WP Lightbox 2」を有効化

Lightbox JS v2.0をテキストリンクにも適用する

「画像へのテキストリンク」には、Lightboxの自動適用されません。プラグインのコードを編集する必要があります。（手動でrel="lightbox"を書くこともできる）

テキストリンクにもLightboxを自動適用するには、wp-lightbox2.phpを編集します。95行目と96行目です。「<img」を削除してください。

$preg = '/(<a(.*?)href="([^"]*.)(bmp|gif|jpeg|jpg|png)"(.*?)>)/ie';
$repl = '(strstr("\2\5","rel=") ? "\1" : "<a\2href=\"\3\4\"\5 rel=\"lightbox[whole]\">")';
TrackBack URIhttp://bd.dotted.jp/archives/87/trackback/

5 Trackbacks & Pingbacks

  1. no.1 Coffee Driver's Garage Says:
    December 27th, 2006 at

  2. Lightbox v2.0 WordPressプラグイン版 ...

    Lightbox v2.0 WordPressプラグイン版 を導入してみました。
    友達からLightboxというスクリプトを教えてもらい、もしかしたらWordPre (more...)

  3. no.2 山下 illustrations Says:
    January 15th, 2007 at

  4. WP Lightbox 2 でスライドショー...

    イラスト公開にあたり、画像のスライドショーやギャラリー用のプラグイン探してたところ、Lightbox ってのが有名な模様。早速、BirDesigh’さんの記事を見ながら (more...)

  5. no.3 Consultant's Story - Life Hacks - by Zero Cool Says:
    January 19th, 2007 at

  6. 気になる Lightbox JavaScript...

    私は、デジカメを持ち歩かない、携帯電話は電話であってカメラではない、といった無理やりの理由から、本ブログでは、あまり画像が掲載されていません（って、相当無理があるな～） (more...)

  7. no.4 s-note Says:
    February 23rd, 2007 at

  8. WordPress Lightbox 2 プラグイン導入...

    前に書いた、Shiromuku BOARD のスパム対策ページがあまりにも見にくかったので、画像を見やすく表示するプラグインを導入した。
    Lightbox JS ve (more...)

  9. no.5 Blogoon! Says:
    October 27th, 2008 at

  10. LightboxをWordPressに簡単に適用するプラグイ...

    めちゃめちゃ簡単に設定することができました。
    MoverbleTypeの時は、結構苦労して導入したのに、WordPressのメリットをまざまざと見せられました。
    WP (more...)

13 Comments

  1. no.1 kohaku Says:
    April 6th, 2006 at 10:18 am

  2. Lightbox系のプラグインは、何種類かリリースされてどれを導入すると良いか解り辛いですよね・・・

    ここで紹介されたプラグインと、僕の知ってるプラグインで３つあります。
    他にもあるかもしれませんが、このプラグインが一番安定してるようですね。

  3. no.2 Kaira Says:
    April 6th, 2006 at 11:47 am

  4. kohakuさんこんにちは。

    Lightbox2系のプラグインは動かなかったり、ValidなHTMLにならなかったりで、今まで記事に書けなかったんです。とりあえずは、このWP Lightbox 2で解決できそうですね。

    あとは新機能の「画像のスライド表示」に、フレキシブルに対応するプラグインが出てくれば完璧ですね :roll:

  5. no.3 afternoise Says:
    April 7th, 2006 at 8:24 pm

  6. はじめまして、いつも楽しく拝見させて頂いております。
    こちらのプラグイン、一目で気に入ってインストールしてみたんですが、DL後にプラグインフォルダに放り込みアクティベートしても、どうも上手くいかないのです。
    Lightboxタグは表示されるのですが、記事をパブリッシュしてみても画像が普通に新しいウィンドウで開くだけで･･･。
    どうしたもんでしょう？ちなみにWP-ME2.0.2を使用しています。

  7. no.4 Kaira Says:
    April 8th, 2006 at 1:42 am

  8. afternoiseさん、はじめまして。

    プラグイン動きませんか… :s
    もしかしたら、jsやcssへのパス指定が違っているかもしれません。

    チェックポイントはふたつあります。ブラウザで右クリックすると出るメニューにある、「ソースを表示」で、出力されたHTMLをチェックしてみてください。

    ひとつ目は、以下のファイルが読み込まれているか。また、正しいURLで書かれているかです。

    • lightbox.css.php
    • prototype.js.php
    • effects.js.php
    • lightbox.js.php

    ふたつ目は画像へリンクする、<a href>タグ内に「rel="lightbox"」と書かれているかです。

  9. no.5 afternoise Says:
    April 8th, 2006 at 2:13 am

  10. 夜分遅くにお邪魔します。

    うーん･････仰るようにソースを見ても4つとも正常に読み込まれているようです。また「rel="lightbox"」が書かれている事も確認しました。が、やはり動いてくれません :(
    こちらのモノでも試してみたのですが、やはりダメでした。ナゼなの？？？

  11. no.6 Kaira Says:
    April 8th, 2006 at 9:41 pm

  12. afternoiseさん、こんばんは。

    何で動かないんでしょう…… :(
    干渉しそうなプラグインや、JavaScriptは使っていますか？
    私の試した範囲では、ツールチップ用のスクリプトに干渉する恐れがあります。

  13. no.7 afternoise Says:
    April 8th, 2006 at 10:37 pm

  14. どうもこんばんは。

    導入しているプラグインを全て解除してからもう一度試してみました。
    しかし結果は同じ ;(
    試験用のローカルサーバーで試したらちゃんと表示されたのに･･･キーーー！！！どうしてなの！！？諦めるしかないのでしょうか。。。

  15. no.8 Kaira Says:
    April 9th, 2006 at 5:48 pm

  16. Lightbox 2 Wordpress Pluginを配布している、4MJでもLightboxが壊れているみたいです。スクリプトエラーが出ています。

    原因は何とも言えませんが、Lightbox2自体に不具合が潜んでいるのかもしれませんね。

  17. no.9 志摩 Says:
    February 9th, 2008 at 11:08 pm

  18. 　初めまして。 Lightbox v.2.03.3 を plugins フォルダにアップロードしたのですが、なぜか管理画面にプラグインが現れず、有効化すらできない状態です・・・なぜなのでしょう。

    　申し訳ありません、 Lightbox JS v2.0 のほうからファイルをダウンロードするという、当方の初歩的なミスでした。

  19. no.10 RIKi Says:
    April 16th, 2008 at 6:53 pm

  20. 私もKairaさん同様動作せずいろいろいじってみてはいるんですが。。。
    Lightboxプラグインを3種類ほど試してみたのですが、いずれの場合でも動作しませんでした。
    プラグインというよりも、Wordpressの環境自体がLightbox2を動作させるのに不都合があるんでしょうか？
    ちなみに、Wordpressは2.5です。

  21. no.11 RIKi Says:
    April 17th, 2008 at 3:41 pm

  22. 設定したテーマによってLightbox2が動作したり、動作しない場合があることに今日気付きました。
    テーマのどういった記述が影響して動作しない場合があるのかは、まだ特定できていませんが。

  23. no.12 akiyan Says:
    August 19th, 2008 at 5:27 pm

  24. ＞テーマによってLightbox2が動作したりしなかったりする問題
    僕も同様の問題が発生しました。
    調べたところ、動作しないほうのテンプレートに
    「」の記述が無く、追記したところ動作しました。
    追記したファイルはヘッダーです。

    同じ原因かどうかはわかりませんが、ご参考までに。

  25. no.13 akiyan Says:
    August 19th, 2008 at 5:28 pm

  26. ↑の投稿で括弧内に書いた文字がサニタイズか何かで消えてしまったようなので、全角で書いておきます。

    ＜？ｐｈｐ　ｗｐ＿ｈｅａｄ（）；　？＞

Leave a Reply