wackeyの“くらしメモ”と“しごとメモ”。そしてWebが好き

[Mu]ムジログ

未分類

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

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

-未分類

Copyright© [Mu]ムジログ , 2018 All Rights Reserved Powered by AFFINGER5.