画像を配置する場合は編集画面で「メディアを追加」ダイアログを使いますが、そのままだと画像の周囲に枠線がついてしまいます。挿入されるコードのclassから「」を削除してください。
「メディアを追加」ダイアログで画像のタイトルをきちんと入力すると拡大画像ダイアログで画像のキャプションとして表示されます。

サムネールサイズ(オリジナル画像へのリンク付き)
sm237_DSC00071

中サイズ(オリジナル画像へのリンク付き)
sm237_DSC00071

オリジナルサイズ(オリジナル画像へのリンク付き)
sm237_DSC00071

サムネールサイズ(オリジナル画像へのリンクなし)
sm237_DSC00071

中サイズ(オリジナル画像へのリンクなし)
sm237_DSC00071

オリジナルサイズ(オリジナル画像へのリンクなし)
sm237_DSC00071


右側に写真を配置してテキストをそれに合わせて流す場合

sm237_DSC00075外苑東通りから少し脇に入った住宅街のなかにあります。この公園の滑り台は、砂場の端に設置されていて、砂場の中に滑り降りてくるようになっています。息子が滑ろうとすると、砂場で遊んでいたお子さん2人のおじい様が、「今滑ってくるから、脇に寄りなさい」とお孫さんに注意していたので、申し訳ないなあと思ってしまいました。お友達同士で、砂場と滑り台を行ったり来たりするのは、楽しいのかもしれません。

左側に写真を配置してテキストをそれに合わせて流す場合

sm237_DSC00075外苑東通りから少し脇に入った住宅街のなかにあります。この公園の滑り台は、砂場の端に設置されていて、砂場の中に滑り降りてくるようになっています。息子が滑ろうとすると、砂場で遊んでいたお子さん2人のおじい様が、「今滑ってくるから、脇に寄りなさい」とお孫さんに注意していたので、申し訳ないなあと思ってしまいました。お友達同士で、砂場と滑り台を行ったり来たりするのは、楽しいのかもしれません。

文章の右や左に画像を配置する場合は「メディアを追加」ダイアログで「配置:左か右」を選択し、文頭(1行目1文字目)に画像コードを挿入してください。

またこの場合、次のアイテムも左か右に流れてしまうので文章の後に<div class=”clearfix”></div>>を入れてフロートをクリアしてください。

何枚かの画像を横に配置する場合

025simootiai01

025simoochiai02-thumb

025simoochiai03-thumb

「メディアを追加」ダイアログで「配置:左」を選択してください。同じく挿入されるコードのclassから「」を削除してください。これをしないと上下位置がガタガタになってしまいます。


Comments are closed.