Movable Typeのデザインカスタマイズをしたい方が身の回りに多そうなので、どのようにカスタマイズしていくかを、ブログで公開していきたいと思います。
まぁ、そんなワタクシが初めてまともにMovable Typeのデザインカスタマイズにチャレンジするのですが・・・ｗ
というわけで、まずは要望をヒアリングしてまとめてみます。
ざっとこんな感じの要望が出ていました。
・記事はジャスト500pxがいいです♪
・右に160,235くらいの３段組希望（←適当）。
・何の装飾もいらないのでシンプルでスッキリしたテンプレートを使いたいです。
・http://orange.monoportal.com/
↑これのタイトルバナーの下にある写真たち（記事にリンク）も素敵♪
・<!– google_ad_section_start –>を使う
・はてなブックマーク、ブックマーク追加ボタンと登録者数の表示
・コメントタグでカスタマイズしやすいように解説を入れる
・１つのサイドバーは、ハーフバナー（234 x 60）がちょうど貼れるサイズで、もう１つはブログパーツがちょうど貼れるタイプ。
・白が基調で、グレーが少しポイント的にはいってるくらいのシンプルなのがいいです。あとから色を乗せやすいので。
・あと、エラスティックレイアウトにすごく惹かれますが、かなり難しいんでしょうか？
というわけで要件をまとめると・・・
■レイアウト
・大（記事500px）、小（160px）、中（234px）
記事部分は500px（おそらくFlickr写真のサイズですね。
そしてブログパーツなどに多い160px、ハーフバナーサイズの234pxというところでしょうか。
■配色、デザイン
・シンプル、スッキリ
複雑なのは作る気はアリマセンｗ
・白が基調で、グレーを少しポイント的に入れる
ワタクシは色彩センスもありませんので、シンプルにいきましょうｗ
■特殊なタグを使うもの
・<!– google_ad_section_start –>を使う
Adsense対策です。詳しくはGoogle AdSense の広告表示精度を高める方法 :: Drk7jp
・はてなブックマーク、ブックマーク追加ボタンと登録者数の表示
個人的な趣味なので後回しでいいか
・写真記事リンクの埋め込み
■ボツったもの
・エラスティックレイアウト
それ以外のことをまずは乗り越えましょうｗ
というわけで、これに従ってデザインをカスタマイズしていきます！
コメント