ブログでlightboxやslimboxを使っている場合ubicast Bloggerの便利な設定

僕はブログに投稿する時画像が多いときには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”が追加される様にしてみました。
簡単ですので同じような環境の人はお試しあれ。楽になります。

1.ubicast Bloggerのメニューでツール>オプションでオプション画面を開きます。

ubicast Bloggerオプション

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

ubicast Bloggerオプション-定型句

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

ubicast Bloggerオプション-画像の挿入

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

ubicast Blogger定型句1

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

ubicast Blogger定型句2

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

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

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

(Visited 63 times, 1 visits today)

タグ :