BloggerでLightbox表示させるためのMarsedit設定方法

0
747

BloggerLightBox1
Bloggerはブラウザから画像をアップロードすれば
LightBox表示されますがMarseditからだとLightboxが効きません
しかし、Marseditに設定を加えるとLightboxが有効になります。

Marseditを立ち上げ【Command+2】を押すか

【Window】→【Media Manager】を選択

BloggerLightBox9

【Media Manager】を開いたら適当に画像を選択します

画像を選択すると右カラム下に画像の設定項目が表示されます。

BloggerLightBox8

【Style: 】から【Customize…】を選択

BloggerLightBox7

左下の【+】ボタンをクリック

BloggerLightBox6

【Name :】に適当な名前をつけます(例:LightBox)

【OpeningMarkup :】に下記コードをコピペ

<a href=”#fileurl#”><img src=”#fileurl#” alt=”#alttext#” title=”#displayname#” width=”#imgwidth#” height=”#imgheight#” /></a>

BloggerLightBox5

最後にOKを押すと

LightBoxの項目が追加されます

BloggerLightBox4

画像をアップロードする時に【Style:】の項目から【LightBox】を選択します。

BloggerLightBox2

これで画像をクリックした時にLightBoxで拡大表示ができます。

また、BloggerでLightBox表示ができない場合はクリボウさんの

Blogger で写真をクリックしたときに LightBox が動かない不具合が発生中

を参考にしてみてください。

コメントを書く

必須項目をご入力ください
必須項目をご入力ください