WordPressでLightbox 2が動かない(画像によって部分的に)

どうも、うしねずみです。

WordPressのプラグインのLightbox 2が急に動かなくなりました。バージョンは2.8.2です。原因はWordpressのリッチテキストエディタでした。リッチテキストエディタで画像を挿入したり消したりを何度かすると、画像を挿入するタグがおかしくなります。

例えばあらかじめWordpressにアップロードしておいたhogehoge.jpgをメディアライブラリから挿入すると、リッチテキストエディタ(ビジュアルタブ)の方には画像が表示されます。この状態をHTMLタブの方で見ると、画像の部分には以下のコードがあります。

<a href="画像のアドレス"><img 各種プロパティ /></a>

ここでビジュアルタブの方に戻り、画像をクリックしてdeleteボタンで消します。その後再びHTMLタブに戻ると、該当コードが全部消えているかと思いきや、以下のコードだけが残ってしまいます。

<a href="画像のアドレス"></a>

この状態で再び同じ場所に画像を挿入すると、ビジュアルエディタの方では問題なく挿入出来たように見えますが、HTMLタブの方では以下のようになります。

<a href="画像のアドレス"><img 各種プロパティ /></a><a href="画像のアドレス"></a>

こうなってしまうと、プレビューした時や実際に記事を公開したときに、見た目は普通に画像が挿入されているのですが、画像をクリックしてもLightbox 2が機能しません。しかもこの現象は、上のように重複コードがある画像だけではなくて、その画像が含まれるエントリ全体に影響します(なぜだろう?)。つまり、同じエントリ内に一つでも重複コードを持つ画像があったら他の画像もLightbox 2がきかなくなるようです。

対策は簡単で、対象となる投稿記事の編集画面でHTMLタブの方を見て、画像を挿入しているタグを重複がないように書きなおします。つまり以下の部分だけ残して

<a href="画像のアドレス"><img 各種プロパティ></a>

以下のような部分は全部消します。

<a href="画像のアドレス"></a>

これで無事Lightboxが機能するようになりました☆