第11回 livedoor用テンプレートをカスタマイズしてみよう!(1)
こんにちは!さいとうです![]()
だんだんと涼しくなってきてますね・・・![]()
![]()
![]()
みなさん、もう秋服の準備はしましたか??![]()
私は先日、ジャケットを購入しました![]()
これでいつ寒くなっても大丈夫です![]()

それでは今回はlivedoor Blogを例にして、CSSをちょっとだけ変更して、カスタマイズしていこうと思います![]()
今回ベースにするテンプレートは「デフォルト2008(桃,2カラム)」にしました。ベースにするテンプレートはシンプルな方が作りやすいと思いますよ![]()
まずは、ベースにするHTMLと CSSのソースを用意しましょう![]()
CSSは「カスタマイズ/管理 」>「デザインのカスタマイズ」ページからコピーしてきます。
HTML は独自タグが使われているため、実際にどのように反映されるのかローカルでは確認しづらくなっています![]()
確認用として、ベースとしたテンプレートを反映させた実際のブログからソースをコピーしてきましょう。トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブの4つを用意してください。
カテゴリ分けをした記事を投稿していないとトップページ以外は表示されないので、まだ記事が投稿されてない場合には適当にテストページを投稿してからコピーしてください![]()
今回はCSSだけを編集していくので、確認用のHTMLだけあれば良いのですが、HTMLも編集していく場合には、「カスタマイズ/管理」>「デザインのカスタマイズ」から、HTML4種類(トップーページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブ)もコピーしてきましょう![]()
CSS1つとHTML4つが用意できたでしょうか?
準備が整ったら、次回はいよいよCSSを編集していきます![]()
![]()
更新は9月29日(月)の予定です。お楽しみに![]()
新作テンプレートが追加されました!ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ![]()


2008年9月22日 14:48 | 個別ページ