stabucky blog

レイアウトの変更

一応、ブログとしての体裁は整ったわけですが、デフォルトのレイアウトではちょっと見づらい。
今までのブログ(最後は運です。)では、ページを3列にして、左をリンク(Amazon、Googleなど)、中央を本文、右をブログの情報(最近のエントリーなど)としています。
このレイアウトが見やすいと思うので、このように変えたいのですが、これがよく分かりません。
ヘルプを見るとちょうど「テンプレート」のところが開くのに読めない。
HTMLなので、ソースを見ると、ヘッダが、他のページは

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Movable Typeユーザー・マニュアル:</title>
<link rel="stylesheet" href="doc-styles.css" type="text/css"/>


のようになっているのに、「テンプレート」のページは

<title>テンプレート</title>

<link rel="stylesheet" href="doc-styles.css" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


となっている。つまり文字コードの指定が後にきているのがまずいのではないかと。
案の定、ブラウザの文字コードをUTF-8にすると正しく表示されました。これは直した方がいいと思います。

もっともヘルプを見てもレイアウトの変更のやり方がよく分かりません。
デフォルトのテンプレートを別に保存して、どのように表示されるのかを確かめて、直して表示、直して表示を繰り返して、何とか、3列表示をすることができました。Googleアドセンスも表示することができました。
まだ改善の余地はありますが、一応、望む形にはなりました。

レイアウトに関しては、メイン、個別、カテゴリー別、日付別、と4個のテンプレートを直す必要があります。
これはメインをしっかり作って、そのほかの3個にコピーするようにして作れば全体の統一が図れるようです。
このあたりはHTMLの知識がないと難しいと思います。

色合いや背景についてはスタイルシートを直せばよいようです。これは後回しにします。デフォルトの灰色のままです。

関連記事

[2005-01-09]

デジタル,MovableType