第11回 livedoor用テンプレートをカスタマイズしてみよう!(1)

こんにちは!さいとうですhappy01
だんだんと涼しくなってきてますね・・・typhoontyphoontyphoon
みなさん、もう秋服の準備はしましたか??maple
私は先日、ジャケットを購入しましたt-shirt
これでいつ寒くなっても大丈夫ですgood

livedoor.gif

それでは今回はlivedoor Blogを例にして、CSSをちょっとだけ変更して、カスタマイズしていこうと思いますwrench

今回ベースにするテンプレートは「デフォルト2008(桃,2カラム)」にしました。ベースにするテンプレートはシンプルな方が作りやすいと思いますよcat

まずは、ベースにするHTMLと CSSのソースを用意しましょうsign03


copy.gif

CSSは「カスタマイズ/管理 」>「デザインのカスタマイズ」ページからコピーしてきます。

HTML は独自タグが使われているため、実際にどのように反映されるのかローカルでは確認しづらくなっていますdespair
確認用として、ベースとしたテンプレートを反映させた実際のブログからソースをコピーしてきましょう。トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブの4つを用意してください。

カテゴリ分けをした記事を投稿していないとトップページ以外は表示されないので、まだ記事が投稿されてない場合には適当にテストページを投稿してからコピーしてくださいpisces

今回はCSSだけを編集していくので、確認用のHTMLだけあれば良いのですが、HTMLも編集していく場合には、「カスタマイズ/管理」>「デザインのカスタマイズ」から、HTML4種類(トップーページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブ)もコピーしてきましょうwink

CSS1つとHTML4つが用意できたでしょうか?
準備が整ったら、次回はいよいよCSSを編集していきますhappy01paper

更新は9月29日(月)の予定です。お楽しみにsign03

新作テンプレートが追加されました!ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょhappy02

ブロプー

2008年9月22日 14:48 |

カテゴリー
月別アーカイブ
タグクラウド
プロフィール

プロフィール

  • 名前:さいとう
  • 血液型:B型
  • 星座:おうし座
  • 趣味:散歩、お絵描き