MarsEditのMedia Managerから追加する画像をLightBoxに対応する

WordPressのプラグインで、画像はLightBox化させている。MarsEditから投稿すると、投稿に含まれている画像がLightBox化されていないことに気がついた。どうにかならんか調べたら、簡単にできることがわかった。LightBoxはimgaタグを解析してjavascriptを使って、フローティングダイアログで画像を表示している。なので、このタグ構成をテンプレートとして出力すれば、対応できるはずである。

Media Manager のStyle選択コンボボックスからCustomizeを選択し、新しいスタイルを追加する。
20150117001544

20150117001653

Opening Markupを以下のようにする。サムネイルのサイズはwidth=200pxで設定している。サイズを変えたければココを変更する。heightはautoにしているので、縦横比は維持される。

<a href="#fileurl#" title="#alttext#">
    <img src="#fileurl#" alt="#alttext#" title="#displayname#" border="0" width="200" height="auto">
</a>