Movable Type でも利用していた、画像をオーバーレイ表示する Lightbox。MT では導入にひと手間かかりましたが、WordPress では Lightbox を簡単に使用することができるようにするプラグインがいろいろと公開されています。

最初に様々なブログで評価の高い Lightbox 2.0 for WordPress を入れてみましたが、ページによっては <head> 内に Lightbox の Script が読み込まれなかったりしてうまく動作しませんでした。
で、Lightbox 2 WordPress Plugin と Add Lightbox の組み合わせがグッドです。

Lightbox 2 WordPress Plugin は、<head> 内に Lightbox の関連ファイルを読み込みますが、更に Black, Dark Gray, Gray, White の４パターンのスタイルが用意されています。

そして、Add Lightbox は <img> を含む <a> 要素に、自動的に rel="lightbox[%pst_id%]" を追記してくれます。

更に過去の記事にも反映されるので、MT からインポートした記事にも rel="lightbox[%pst_id%]" が追加されるのですが、MT の時に記述していた rel 属性と重複してしまうので、先に導入していた Search Regex を使い、以下のような正規表現で既存の rel 属性を検索し、置換して削除しました。

/ rel=\"lightbox\[[A-Za-z0-9]*\]\"/