僕はブログに投稿する時画像が多いときにはubicast Bloggerというブログ投稿支援ソフトを利用しています。
記事中への画像の貼り付けがドラッグドロップでできるので画像が多いときにはとっても重宝します。

最近ブログにslimboxをつけたのですが、
画像のリンクタグにいちいち rel=”lightbox”をつけて下記の様にするのは画像が多い場合結構骨の折れる作業な訳です。

<a
href=”https://blog.kumacchi.com/2007a/05/22/CA350033.jpg” rel=”lightbox”><img
alt=”CA350033.jpg”
src=”https://blog.kumacchi.com/2007a/05/22/CA350033-thumb.jpg”
width=”320″ height=”240″ /></a>

そこで、ubicast
Bloggerの設定で画像のリンクタグに自動的にrel=”lightbox”が追加される様にしてみました。
簡単ですので同じような環境の人はお試しあれ。楽になります。

１．ubicast Bloggerのメニューでツール＞オプションでオプション画面を開きます。

２．オプション画面で定型句をクリックします。

３．定義済み定型句から[画像の挿入(リンク)]を選択して[編集]をクリックします。

４．定型句の画面が開くと、画像挿入時のテンプレートが表示されます。

５．画像挿入タグのテンプレートにSlimboxやlightboxで使うrel属性を追加します。
赤い下線部の部分が追加した部分です。

６．後はOKボタンを押すと設定完了です。

この記事はubicast Bloggerで書いてますので挿入画像のタグには自動で
rel=”lightbox”が追加されていますので投稿後画像をクリックするとslimboxで表示されます。

Thickbox3やその他のlightbox系の画像表示機能を追加している場合もそのまま応用できると思います。

タグ :