- 2008-08-19 (火) 1:23
- wordpress
WP2.3の時から使っていたLightbox JS v2.03.3 Plugin。画像をクリックすると周辺が暗くなり、画像だけが浮き上がってみえるlightboxのpluginなのですが、これの残念なところはrelタグが自動的に不可されないこと。毎回自分でrelタグうつなんて面倒くさくてやってられない、ということで、それを解消してくれるpluginが「Lightbox 2 plugin」でした。
sorarium – 画像リンクへ自動的にlightboxのタグを追加してくれるplugin
それを導入してたんですが、それだと1エントリの中に複数枚画像を入れた時でも、いちいちlightboxを解除、別の画像をクリックっとしないと見られなかったんですね。
出来ればスライドショーのように、「next」「prev」で次から次へと画像だけでも見られるようにしたい。
twitterでjdash2000氏からも指摘を受けてたんで、plugin自体をいじるか、別のpluginをいれるか迷ってこのプラグインを入れることにしました。
複数画像をスライドショー的に見せるプラグイン「Slimbox」
インストール方法
以前入れていた二つのpluginを解除し、下のサイトからslimbox pluginをダウンロード。（エントリの一番下の方に「Download Slimbox WordPress Plugin (1.2)」というリンクがあるはず）
[Download] Slimbox WordPress Plugin
解凍して
/wp-content/plugins/
内に入れて、pluginを有効にします。が、このままだと画像をアップロードしたら、その都度「rel=”lightbox”」や「rel=”lightbox[roadtrip]“」といったタグを毎回つけなくてはいけません。
自動的にrelタグをつけるには
先ほどダウンロードした「lighbox.php」をエディタで開きます。
で、21行目から24行目あたりにあるコメントアウトの ‘//’ を削除してサーバーにアップロードします。
これで、投稿画面からメディアアップロードで普通に画像をアップロードしていくと、複数画像の場合でもきちんと「Next」「Prev」が画像の右と左についてるはずです。
↓テスト画像
この記事を読んだ人は以下の記事も読んでいます：
- 画像リンクへ自動的にlightboxのタグを追加してくれるplugin
- wordpress2.3.2でlightbox2のpluginを使う方法
- xreaにwordpress2.8を入れる時の画像アップロードエラーを修正する方法
- WordPress 2.7へアップグレードしました。
- wordpressでアップロードする画像サイズを変更する方法
この記事と関連する書籍
Check
- 新しい記事: 080819 google logoは…北京オリンピックのカッパ？
- 過去の記事: 僕の夏休み2008 川遊び編
コメント:4
- りょ 08-09-04 (木) 20:37
-
突然すいません。「slimbox」「wordpress」でたどり着きました。
よろしければ教えていただきたいのですが、記事にある”複数画像の場合でもきちんと「Next」「Prev」が画像の右と左についてるはずです。”が思うとおりになりません。
花火、スイカ、川の写真は記事投稿時、実際どのような作業手順になるのでしょうか？
不躾で申し訳ありませんが、教えていただけると幸いです。 - そら 08-09-05 (金) 1:11
-
今晩は。
記事の投稿時には特に何も変わったことはしてないですね。
メディアを追加、を押して、参照から写真を選んでいくという
本当に普通にアップしてるだけなんですが。もし他に別のプラグインを入れておられるのであれば、かちあってるのかもしれませんね。
それらを一旦停止にして、lightboxだけ有効にして動かしてみて
一度確認してみてください。 - りょ 08-09-05 (金) 13:14
-
あちこち見たり、触ったり・・・なんとか、できるようになりましたが、
他の記事に使った画像まで表示されるようになってしまいました。
（image 1/4でいいところ、1/5など）
もう少し調べてみます。他のプラグインとの干渉ではなかったようです。
今回はありがとうございました。 - そら 08-09-06 (土) 9:16
-
あららー、それは困りましたね。
lightboxのプラグインは他にもあるようなので
別のプラグインを試してみるのも手ですね。お役に立てず申し訳なかったです。
トラックバック:2
- この記事へのトラックバックURL
記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。 - http://www.sky-s.net/sky-blog/archives/2008/08/19-012303.php/trackback
- この記事と関連のあるサイトへのリンク
- WordPress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」 from sorarium
- ピンバック from links for 2008-10-15 » 246 quotes 08-10-15 (水) 19:01
-
[...] sorarium – WordPress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」 複数画像をスライドショー的に見せるプラグイン「Slimbox」 (tags: WordPress plugins lightbox) [...]
- トラックバック from トイレのうず 09-05-01 (金) 0:10
-
WordPress で Lightbox 的効果をつける【Slimbox Plugin】
画像をクリックして大きくしたとき、オーバーフローで浮き上がってくる動作で表示してくれる WordPress プラグインをインストールしてみました。
まずはどんなものがあるのか調査。以下…
