ブログのレイアウト

 gooのブログを見ると、ページの最初のど真ん中に写真があってその下に文章というレイアウトが殆どで、何か殺風景で物足りない。もっと見やすいブログにしたいので、写真のレイアウトは例えば写真を右に寄せて左側に文章を書いたり、逆に写真を左に寄せて右側に文章を書きたいと思った。

gooの「記事の編集を行います」ページには「TEXTエディター」と「HTMLエディター」があるので、「HTMLエディター」をうまく使えばできそうである。しかも、「HTMLエディター」にはHTMLのソースを編集できる機能もついている。

 試行錯誤の結果、alignをうまく使うと、少し気のきいたレイアウトができそうなことがわかった。上の写真は、 ＜img src="○○○.jpg"align="right"/＞で写真を右側に寄せた場合である。文中の青い字の部分が後から追加した部分。真ん中にどーんと写真がある場合に比べて引き締まったイメージ。

　同じように写真を左に寄せる場合は、上記rightの部分をleftに
　書き換えて、こんな感じである。ただしどちらの場合も、gooの
　「HTMLエディター」の画面と実際に表示される画面は、特に
　一行の長さや改行の位置が違う。なので、実際には一度文章
　を入れてみてその後Web画面を見ながら改行の位置などの
　修正は必要だった。

　一度試してみてはどうですか？