lightCafeはケータイ・iPhoneからもご覧いただけます。こちらから→ <拡大>

デザインの変更(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ソースを見て、スタイルシートをご自分で変更して見るのもよいでしょう。

このあと、文字の大きさなどの微調整、左右のメニューの位置変更などを行っていきます。

デザインのダウンロードができるサイトの紹介などは後日(汗)


 

よろしければポチっと投票を。

 

こちらもあわせてどうぞ



この記事にトラックバックを送る

管理者の承認後に表示します。リンクだけで意見や感想のないもの、記事に無関係な内容は承認しません。


この記事に関するコメントを行う

お名前  *
メールアドレス  *
ウェブサイト
コメント:  *
:zz: :x: :w: :oops: :oo: :idea: :huu: :co: :arrow: :TT: :OoO!: :?: :9: :8: :7: :6: :5: :4: :3: :2: :22: :21: :20: :1: :17: :16: :15: :14: :12: :11: :10: :-? :)

※コメント投稿時にTwitterアカウントを記入しておくと、この投稿にコメントが追加されたときに、Twitterで通知を受け取ることができます。

Spam Protection by WP-SpamFree


サイト内検索

商品を検索: 

lightCafe公式Twitter @lightCafe_biz

頑張れ!おらが街のチーム!

・Jリーグ2010シーズン勝ち点表
・プロ野球2010シーズン 順位表
・なでしこ チャレンジEAST 2010シーズン 勝ち点表
・Fリーグ2010-2011シーズン勝ち点表(準備中)
・JBL2010-2011シーズン順位表(準備中)

Go Top