[MT] Movable Typeのテンプレートをモジュール化してみた。
ブログのシステムをMovable TypeからMTOSにしたのでついでにテンプレート系も心機一転してみようかと思って、部品単位に分割してテンプレートをモジュール化してみることにした。いままでは各ページそれぞれにテンプレートを割り当ててて冗長部分もあったりしました。
以前のテンプレート体系 ・トップページ ・カテゴリアーカイブ ・年別アーカイブ ・月別アーカイブ ・個別記事ページ
といった5つのテンプレートで構成されていました。これをテンプレートモジュールとウィジェット化した。ただどういう感じでモジュールとウィジェットに切り分けるのかが不明だったので、公式サイトのテンプレートの種類と役割に書いてある通りサイドバーで使う系をウィジェット化。それ以外の共通部品をモジュール化にしてみた。
こんな具合になりました。 ・トップページ ├ ヘッダー(HTML) ├ ヘッダー(BLOGタイトル) ├ AdSense ├ 記事フッター ├ サイドバーウィジェット └ フッター(HTML) ・カテゴリアーカイブ ├ ヘッダー(HTML) ├ ヘッダー(BLOGタイトル) ├ サイドバー ウィジェット └ フッター(HTML) ・個別記事ページ ├ ヘッダー(HTML) ├ ヘッダー(BLOGタイトル) ├ AdSense ├ 記事フッター ├ ナビゲーション ├ コメント ├ トラックバック ├ サイドバー ウィジェット └ フッター(HTML) ・年別アーカイブ └ カテゴリアーカイブと一緒の構成 ・月別アーカイブ └ カテゴリアーカイブと一緒の構成
各テンプレでHTMLが重複しているようなところ、ヘッダーやフッター、ナビゲーション、サイドバーなどなどを切り出して部品単位で分割。各々のテンプレは随分とスッキリして見やすくはなった。ただブログの再構築にかかる時間は長くなった気がする。やっぱモジュールにするとその都度読み込みするから遅くなる？逆に部品単位にしすぎて細切れ状態なのもあかんもんなんかなぁ。当分はこれで様子を見てみることにしよう。
現時点ではそんなに凝ったことはしていなくて、以前のものを踏襲しただけになってます。これをもう1回HTMLの構造の見直し、CSSのクラス名などの見直し、最後にデザインってな感じで進めていこうかなと思ってみたりもする。Movable Type タグリファレンスもまだ読み始めたばかりでほとんど先に進んでないのであかんのですが･･･。
今後にやりたいことは、はてなスターをつける。SBMへのブックマークボタンをつける。くらいかな。あぁ、おもいっきしタグ付けするのを忘れてるやん･･･。
コメント