デザインの変更(HINAGATA 3コラム)
Posted by ほぼ是日 at 2004/03/25
MTをインストールした直後のブログのデザインは無機質で、ものすごくチープなので、デザインの変更を行います。ブログ用のデザインテンプレートは様々な方が公開してくれていて、ダウンロードして、テンプレートの編集(置き換え)、サイトの再構築を行うのみで、見栄えをよくすることができます。早速テンプレートのデザインを決めて、ダウンロードすることにします。
デザインは大きく分類すると2種類があります。ブログの両サイドがメニューの様になっていて、真ん中に本文がある3コラム形式。他に左右のどちらかにメニューがある2コラム形式です。
今回は、インターネットマガジン3月号で紹介されたHINAGATAテンプレートの3コラムが気に入ったのでダウンロードページへ行きます。次に、ご自分のMTへログインして、[MANEGE ]-[Templateの編集]で指定のテンプレートを編集(ダウンロードサイトに記載の内容をコピーして、ペースト)します。
ペーストした後、「保存」するのを忘れないようにしましょう。
このテンプレートの場合、コピー、ペーストが必要なのは
(1)Main Index / index.htm
(2)Stylesheet / styles-site.css
(3)Category Archive
(4)Date-Based Archive
(5)Individual Entry Archive
(6) Comment Listing Template
(7) Comment blockquoteview Template
(8) Commment Error Template
(9) TrackBack Listing Template
です。ほとんどのテンプレートですねww。
上記のすべてのテンプレートの編集が終わったら後はMTの[UTILITIES]-[サイトのRebuild]をクリックして再構築するのみ!
ブログへアクセスするとデザインが変更されているはずです。
もし、変更されていないところがあれば、テンプレートをペーストした後に保存していない可能性が大なので、確認してみることをお勧めします。
テンプレートの変更前、変更後の様子は上記の画像を参照くださいね。
これだけでとっても見栄えが良くなります。
今回のデザイン変更ではほとんどのテンプレートを変更しましたが、MTのデフォルトで設定されているデザインでも、スタイルシート(Stylesheet / styles-site.css)で配色を変更するだけでも見た感じの印象が大きく変わります。ブログのHTMLソースを見て、スタイルシートをご自分で変更して見るのもよいでしょう。
このあと、文字の大きさなどの微調整、左右のメニューの位置変更などを行っていきます。
デザインのダウンロードができるサイトの紹介などは後日(汗)







