主に図版や写真について説明のために付け加えられた文字情報のこと。
画像に説明をつけて横に並べたいな〜と思い、
AllAboutの記事を参考にやってみました。
http://allabout.co.jp/internet/hpcreate/closeup/CU20070502A/
このブログでは、【Born to be Wild】の記事で
http://tanosee.seesaa.net/article/100936048.html
キャプション付き画像を使っています。
手順はこんな感じです。
- デザイン一覧をクリック(左上)
- 画面下に一覧が現れますので、
適用にチェック(右下)の入っているタイトル(左下)をクリック - スタイルシートの欄へ、赤四角の部分を追加する。
- 記事投稿時に、画像とキャプション全体を<div class="imagebox"></div>で囲み、
画像を<p class="image"></p>で、キャプションを<p class="caption"></p>で囲む。 - このままだと、次の文章の始まりが画像横になるので、
<br style="clear:both;/" >で回り込み解除! - いろいろな大きさのimageboxを使いたい場合は、
名前を変えてスタイルシートに追加すればOKです。 - おまけ
記事の中にHTMLタグを表示させるには、ちょっとしたコツが必要です。
例> "Imagebox2"・・・、"image2"・・・、" caption2"・・・
http://tanosee.seesaa.net/article/101656864.html
★少しでもお役に立てたら応援お願いします
⇒人気blogランキングへ(*^-゚)v♪
タグ:キャプション





![images[11].jpg](http://tanosee.up.seesaa.net/image/images5B115D.jpg)