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」が画像の右と左についてるはずです。
↓テスト画像
突然すいません。「slimbox」「wordpress」でたどり着きました。
よろしければ教えていただきたいのですが、記事にある”複数画像の場合でもきちんと「Next」「Prev」が画像の右と左についてるはずです。”が思うとおりになりません。
花火、スイカ、川の写真は記事投稿時、実際どのような作業手順になるのでしょうか？
不躾で申し訳ありませんが、教えていただけると幸いです。