今日のMovable Type 4.1:テンプレートの分割化はデザイン変更を合理的にする
2008年2月23日 23:53
MTOS4.1のアップグレードに併せて、テンプレートの分割化をしたら、修正が楽になった。
RSSリーダーで読んでいる人はわからないと思うが、少しずつデザインの修正をしている。せっかくMovabel Type Open Souce 4.1にアップグレードしたのだから、まずテンプレートの分割化をおこなったのだが、これが正解だった。
(それで修正する気になったわけだが、)MT3.17以来引き継いでいる1枚のテンプレートでは、面倒でやる気が起こらなかった修正がすごく楽になった。使い回しが可能なパーツは共有化されているから、従来はテンプレートごとにおこなわなかればならない修正をしなくていい。これは時間を節約してくれると共に、修正漏れも防いでくれるから合理的。
よみやすさの向上、表示速度向上、更新の合理化をポイントに修正をおこなった。
- レイアウトの変更：サイドバー、コンテンツ、サイドバーから、順番をコンテンツ、サイドバー、サイドバーへ変更
- カレンダーを一列カレンダーへ変更
- 左右のサイズを940pxにワイド化
- サイドバーを統一
- フッターの追加
- 従来H2には日付があてられ、エントリータイトルはH3であったが、エントリータイトルをH2に変更し、日付はタイトル下に変更
- 長い文章に「追記」を使用しトップページの表示を短くした
- コンテンツ内の各要素でおこなっていた左右のpaddingを、コンテンツのpaddingで一括調整し、左側のラインを揃えた。
- アクセス結果に基づきカテゴリーを整理
- 折りたたみメニューによるJavaScriptを使用を辞め、表示の速度をあげた
- 従来エントリー内の見出しは文字を120%に拡大し強調しており、FCKeditorで文字の強調と文字の拡大の2回の操作をおこなう必要があったが、エントリー中でH3をつかえるように変更、見出しはFCKeditorで「H3」を選ぶだけになった
- 従来<P>以外のブロックタグの間は「Shift＋Enter」を押すことにより<br />でスペース調節していた。論理的には正しくないので、各ブロックタグの「margin-bottom: 2em;」を設定。論理的にも正しくなる上、「Shift＋Enter」を押す必要なし
- その他CSSの合理化
わずかな時間を惜しんでテンプレートの分割化をしないのは馬鹿馬鹿しいことだ。
Mt3.3以前からMT4.0やMT4.1にアップグレードしたもの、未だにテンプレートの分割化をおこなわずにいる人や、MT4.1を使っているにもかかわらずテンプレートの分割化をおこなわずに構築している人が、おそらく分割化しない理由は「めんどう」か「わからない」のいずれかだろう。めんどうな方、テンプレートモジュール化にしておけば、デザイン修正や変更がすごく楽になる。わからない方「今日のMovable Type 4.1:MT4.1はテンプレートタグより先にテンプレート分割をマスターせよ」と「今日のMovable Type 4.1：超簡単！見よう見まねで覚えるMT4.1テンプレート分割方法」を読んでほしい。
参考になれば幸い。
投稿者: Dakiny 日時: 2008年2月23日 23:53 | 
| 
トラックバック
このエントリーのトラックバックURL:
http://www.dakiny.com/mtos/mt-tb.cgi/1577
※文章内容と関係のないトラックバックは固くお断り。
