Movable Typeデザインカスタマイズレッスン準備編・1

Movable Typeのデザインカスタマイズをしたい方が身の回りに多そうなので、どのようにカスタマイズしていくかを、ブログで公開していきたいと思います。
まぁ、そんなワタクシが初めてまともにMovable Typeのデザインカスタマイズにチャレンジするのですが・・・w

というわけで、まずは要望をヒアリングしてまとめてみます。



ざっとこんな感じの要望が出ていました。

・記事はジャスト500pxがいいです♪
・右に160,235くらいの3段組希望(←適当)。
・何の装飾もいらないのでシンプルでスッキリしたテンプレートを使いたいです。
http://orange.monoportal.com/
 ↑これのタイトルバナーの下にある写真たち(記事にリンク)も素敵♪
・<!– google_ad_section_start –>を使う
はてなブックマーク、ブックマーク追加ボタンと登録者数の表示
・コメントタグでカスタマイズしやすいように解説を入れる
・1つのサイドバーは、ハーフバナー(234 x 60)がちょうど貼れるサイズで、もう1つはブログパーツがちょうど貼れるタイプ。
・白が基調で、グレーが少しポイント的にはいってるくらいのシンプルなのがいいです。あとから色を乗せやすいので。
・あと、エラスティックレイアウトにすごく惹かれますが、かなり難しいんでしょうか?

というわけで要件をまとめると・・・

■レイアウト
・大(記事500px)、小(160px)、中(234px)
 記事部分は500px(おそらくFlickr写真のサイズですね。
 そしてブログパーツなどに多い160px、ハーフバナーサイズの234pxというところでしょうか。

■配色、デザイン
・シンプル、スッキリ
 複雑なのは作る気はアリマセンw
・白が基調で、グレーを少しポイント的に入れる
 ワタクシは色彩センスもありませんので、シンプルにいきましょうw

■特殊なタグを使うもの
・<!– google_ad_section_start –>を使う
 Adsense対策です。詳しくはGoogle AdSense の広告表示精度を高める方法 :: Drk7jp
はてなブックマーク、ブックマーク追加ボタンと登録者数の表示
 個人的な趣味なので後回しでいいか
・写真記事リンクの埋め込み

■ボツったもの
・エラスティックレイアウト
 それ以外のことをまずは乗り越えましょうw

というわけで、これに従ってデザインをカスタマイズしていきます!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です