2004年10月10日

テンプレート・モジュールでページの共通部分を一括更新

トップ(Main Index)ページ、アーカイブページ、個別ページなどの
共通部分(例えば、検索ボックスやフッタ、メニューなど)をモジュール化し、
1つのテンプレートを更新するだけで、
そのモジュールを含む全てのテンプレートを変更する方法。

例)全ページ共通のフッタを作成

1. テンプレート・モジュールの作成
「テンプレート」の一番下にある「テンプレート・モジュール」で、
「新しいテンプレート・モジュールを作る」をクリック。
「テンプレートの名前」に、半角英数字で「footer」と入力。

2. フッタの内容を記入
「モジュールの中身」欄に、
<div style="text-align: center; color: #333; font-size:xx-small">Copyright © 2004 <a href="http://www.moondakota.com/">moondakota</a>, All Rights Reserved.</div>
など、実際にフッタに表示したい内容を記入。
記入後、ページの下の「保存」ボタンを押して、テンプレート・モジュールを保存。

3. フッタを挿入するテンプレートの編集
「テンプレート」に戻り、「Main Index」などを開いて編集。
今回はフッタなので、</body> の上あたりに、
<$MTInclude module="footer"$> と記入。
記入後、このテンプレートを「保存」して、
他のテンプレートも同じように編集・保存。

4. 再構築

これで上記フッタの内容が、編集したテンプレートのページに全て反映。

モジュールを増やす時は、名前の違うモジュールを作り、
MTIncludeで呼び出す名前を変えればOK。
また、テンプレート・モジュールに変更を加えた際は、
そのモジュールを含むページを再構築することを忘れないように。

なお、リンクや画像を相対パスで指定すると、
全てのテンプレートに対応できないこともあるので、
$MTBlogURL$ や $MTBlogArchiveURL$ をうまく利用して、
絶対パスで表示させること。

Trackback on "テンプレート・モジュールでページの共通部分を一括更新"

このエントリーのトラックバックURL: 

"テンプレート・モジュールでページの共通部分を一括更新"へのトラックバックはまだありません。

Comment on "テンプレート・モジュールでページの共通部分を一括更新"

"テンプレート・モジュールでページの共通部分を一括更新"へのコメントはまだありません。

Post a Comment

コメントする

さんのTypeKeyへのサインインを確認しました。 コメントをどうぞ。

(HTMLタグは使用できません)
ブラウザに投稿者情報を登録しますか?(Cookieを使用します。次回書き込み時に便利です。)
  •  
  •  
Copyright © 2004-2007 moondakota, All Rights Reserved.