Movable Type 備忘録

 MovableTypeのモジュールを作ってみる

MovableType(ムーバブルタイプ)のテンプレート画面にモジュールという項目があります。
モジュールとは、各テンプレートで共通する部分を1つにまとめておくことで、そのまとめた共通部分を変更などしたりした場合、モジュールを組み込んだすべてのページに一括して反映させることができます。

このように、各テンプレートで共通な部分を1つにまとめたものを モジュール といいます。

主に1度作ったらほとんど変更するようなことがないような部分とか、各ページで共通な部分をモジュールにしたりします。
今回はそのモジュールの作り方について説明したいと思います。

モジュールの作り方

モジュールの作り方はカンタンです。

  1. まず、モジュール化したい(共有したい)部分を洗い出します。
    主に、滅多に変更することがないだろう部分をモジュール化します。

    例えば以下のような部分をモジュール化するといいと思います。

    • 各ページのヘッダー部
      サイトの概要説明とか、バナーなどをモジュール化します。

    • 各ページのフッター部
      ページ下などにある「Copyright～All rights reserved.」の部分をモジュール化します。

    • カテゴリページとエントリページで共通なカテゴリ一覧
      ブログ全体で共通なカテゴリなので、それをモジュール化するといいです。
      その他に月別アーカイブ一覧なども…。

    他にもサイトによっては、いろいろ各ページで共通な部分ってあると思います。
    それらをモジュール化して各ページで共有化します。

    とりえあず、ここではフッター部のモジュール化を例にして話を進めます。

  2. モジュール用テンプレートを作成します。
    モジュール化したい部分が決まったら、MovableType(ムーバブルタイプ)の管理画面左にある「テンプレート」をクリックします。
    そして画面上にある「モジュール」をクリックします。

    右上にある「モジュールを新規作成」をクリックしてください。

  3. 各項目を入力します。
    入力する内容は以下の通りです。

    1. テンプレート名： Site Footer(任意)
    2. このテンプレートにリンクするファイル： 未記入でいいです。
    3. モジュールの内容： モジュール化したい部分からそのままコピペします。

    ここではフッター部分をモジュール化するので、以下のようなタグをコピペします。

    1. <div id="footer">
    2. Copyright(C) 2005 <strong><$MTBlogName encode_html="1"$></strong> All Rights Reserved.<br />
    3. </div>

  4. 一通り入力したら保存してモジュールの完成です。

  5. モジュールを組み込むテンプレートを修正します。
    モジュール化したコピペ元のテンプレートに、モジュールを読み出すコードを組込みます。
    モジュール化したコピペ元のコードを以下のように差し替えてください。

    1. 変更前：
    2. <div id="footer">
    3. Copyright(C) 2005 <strong><$MTBlogName encode_html="1"$></strong> All Rights Reserved.<br />
    4. </div>
    5.  
    6. 変更後：
    7.  <$MTInclude module="Site Footer"$>

    青い字の部分には、先ほど作ったモジュールのテンプレート名を指定します。

  6. 差し替えたら保存して再構築します。

このようにしてモジュール化した、すべてのテンプレートを再構築すれば完了です。

以上で、各テンプレートで共通な部分を抜き出す(モジュール化)ことができました。

いろいろモジュール化して、サイト管理を楽にしてくださぁい。

 Trackback Pings(0)

No trackbacks found.

 Comments(2)

#1: Posted by drum @ April 24, 2006 [REPLY]
user-pic

初めまして、drumと申します。モジュールの設置の仕方が分からなくて、検索しまくってやっとお目当てのページを見つけることができました:exclam.gif:それでこのページの通りにやってみると・・・・・うまく組み込むことができました。御礼を言いたかったので、コメントさせていただきました。ありがとうございます。これからも勉強させてもらいます。よろしくお願いします:pp_07a.gif:

 
#2: Posted by bzbell @ April 24, 2006 [REPLY]
user-pic

>>1 drum さん

こんにちわ^^

良かったぁ:pp_01.gif:お約に立てて…
こちらこそご訪問ありがとうございます。

これからもよろしくです:pp_05.gif:

 

 Post a Comment

 

コメント用フィード