前からやりたかったブログデザイン見直しを一気にやっつけました。最近はパソコンだけでなく、ケータイフルブラウザやiPhoneでご覧頂いている方も多いようで、どのブラウザで見てもそれなりに見れるデザインにしたかったのですよね。さらに、トップバナーも秋らしく月夜のすすきに変更。

参考にさせて頂いたテンプレートはこちら。
■サンプル・テンプレート Seesaa

見にくくで仕方なかったHTML側のソースも一気にキレイにしておきました。これで今後のメンテナンスが楽になると思います。

スタイルシートやHTMLをロイヤリティフリーで公開しておきます。ご自由にお使いください。このエントリーへのコメントで「使わせてもらったよー」とか頂けると嬉しいです。

スタイルシート(CSS)
コンテンツHTML

これだけ大掛かりにCSSいじったのは初めて。marginとかpaddingとか結構チマチマ面倒だったけど、firefoxプラグインのfirebugのおかげで作業がはかどりました。その場で何度か直してOKだったらサーバに設定すれば良いので便利ですね。とはいえ疲れた。デザイナーの方たちは大変だ。プログラマーで良かった。

こちらの関連エントリーも人気です。あわせてどうぞ。

Seesaaブログのカテゴリと過去記事の一覧ページを見やすくする

Seesaaブログのタグクラウドとページャーを見やすくする

【F906iレビュー】最終回：iPhoneよ、あえて言おう。カスであると!

WordBench福井 第1回勉強会「デザイナーのためのWordPress講座」、懇親会など詳細お知らせ

WordBench福井 第１回勉強会「デザイナーのためのWordPress講座」のお誘い。2010/6/5(Sat) 15:00です。

WordPressのデザインテーマを「WSC5」に決めて、少しいじった。