« 今日の脳年齢2006年7月9日 | メイン | 今日の脳年齢2006年7月10日 »

2006年 7月 10日(月)   友引  今日は何の日?

Widget Manager

Category : Movable Type 

このブログでは、まだ活用していないのですが、Movable Type 3.3jaに追加された便利な機能の1つとして、 「Widget Managerプラグイン」があります。

「Widget Managerプラグイン」を簡単に言えば、「モジュールの組み合わせに名前を付けて、好きな場所へ挿入する。」 ための機能です。

Movable Typeには以前から、「モジュール」と言う便利な機能がありました。

<$MTinclude module="モジュール名$">

と記述すると、記述した位置に指定されたモジュールが挿入されて構築される。と言う物です。要するに、共通パーツを作って置いて、 使い回しをするための機能です。
「Widget Managerプラグイン」は、この機能に、

  1. 複数のモジュールを指定できる機能。
  2. そのモジュールの組み合わせに好きな名前を付ける機能。
  3. モジュールの組み合わせを、マウス操作で設定できる機能。

を提供するためのプラグインです。

 

例えば、この様に設定をして置いて、この組み合わせを挿入したいテンプレートを開き、

          <div class="widgetmanager">
            <$MTWidgetManager name="left-side"$>
          </div>

この様な記述を追加して再構築を行うと、

左の様な結果になります。

この様なモジュールの組み合わせを複数作成して置き、それを呼び出す事で同じ体裁のページを簡単に作り出す事ができる。 と言う優れものです。

もう一つのポイントは、利用されるモジュールにあります。

モジュールは特殊な物ではなく、他のテンプレートと同様に、HTMLとMovable Typeのタグから構成されています。
要するに、HTMLやMovable Typeのタグで構成できる物であれば、自分好みのモジュールを作成して、利用する事ができる。 と言う事になります。

モジュールを作成する。と言うと、なにやら難しそうな気もして来ますが、上にも書いた通り、HTMLとMovable Typeのタグの組み合わせでしかありませんから、他のテンプレートで使われていた定義をコピー&ペーストし、それをWidget Manager用のモジュールとして利用する。と言う事も可能です。

また、同じ様なモジュールであっても、例えばタイトルに、<h2>を使っている物。<h3>を使っている物。
非常に形式が微妙に違う物。画像を利用している物。標準以外のプラグインを利用している物。

の用にバリエーションや用途の違う物を作成して置き、それを組み合わせて(若しくは、1つのモジュールだけを利用して。)、 オリジナルもWidget Manager用モジュールセットを作成する事ができるのです。

自分でモジュールを作るのが難しいかな。と思う人は、Webを徘徊してMovable Type用のテンプレートをダウンロードして来たり、それを自分なりに修正した物を利用する。と言う方法でも良いでしょう。(もちろん、 著作権は尊重した上で。著作権者が「改造不可」などと明記している場合は 注意してくださいね。汗)

例えば、こんなモジュールを作って置いても良いでしょう。

Widget: 日別アーカイブリスト(ただし、日別アーカイブが必要。)

<MTIfArchiveTypeEnabled archive_type="Daily">
<div class="module-archives module">
   <h2 class="module-header"><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2>
   <div class="module-content">
   <MTArchiveList archive_type="Daily">
      <MTArchiveListHeader><ul class="module-list"></MTArchiveListHeader>
         <li class="module-list-item"><a href="<$MTArchiveLink archive_type="Daily"$>"><$MTArchiveTitle$></a></li>
      <MTArchiveListFooter></ul></MTArchiveListFooter>
   </MTArchiveList>
   </div>
</div>
</MTIfArchiveTypeEnabled>

Widget: 日別カレンダー(ただし、日別アーカイブが必要。)

<div class="module-calendar module">
<h2 class="module-header"><$MTDate format="%B %Y"$></h2>
<div class="module-content">
<table summary="投稿へのリンクつきカレンダー">

    <tr>
        <th abbr="日曜日">日</th>
        <th abbr="月曜日">月</th>
        <th abbr="火曜日">火</th>
        <th abbr="水曜日">水</th>
        <th abbr="木曜日">木</th>
        <th abbr="金曜日">金</th>
        <th abbr="土曜日">土</th>
    </tr>
    <MTCalendar>
    <MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
    <td>
    <MTCalendarIfEntries>
    <MTEntries lastn="1">
    <a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
    </MTEntries>
    </MTCalendarIfEntries>
    <MTCalendarIfNoEntries>
    <$MTCalendarDay$>
    </MTCalendarIfNoEntries>
    <MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td>
    <MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
    </MTCalendar>
</table>
</div>
</div>

この様なモジュールを作成して置き、Widget Managerプラグインの機能を利用して、 モジュールの集合体を作成し、適当なテンプレートの適当な場所へ、

          <div class="widgetmanager">
            <$MTWidgetManager name="モジュール集合体名"$>
          </div>

などと書いて再構築すると、指定されたモジュールを読み込んだページが生成されます。

特に、メインページと各アーカイブページのデザインを同じようにしたい場合などに有効ですね。ただし、 再構築には時間が係りますが汗

Posted by kibiwaka : 2006年07月10日 21:25

トラックバック

  • トラックバックを頂く記事の内容については、記事に関係する内容、記事への同調、記事への反論など、 記事の内容に関するもののみとします。
  • トラックバック先の記事に、当サイト、または該当記事へのリンクが無い場合には、トラックバックを削除させていただく場合があります。
  • Movable Typeの迷惑トラックバック感知機能により、トラックバックが受け付けられない場合があります。
  • 法律に触れる可能性があると判断できるもの、当サイトへの掲載が不適当と思われる内容については、 事前の連絡をなしに削除する場合があります。
  • 当サイト、黍若個人への連絡事項などがあれば、連絡用記事へトラックバックを付けてください。 個別の記事に付けないで下さい。
    または、ウェブメールでご連絡下さい。
  • 詳しくし、黍若日記 コメント・トラックバック・リンク基本方針をご覧下さい。

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


このエントリーのリンク用URL:


コメント

  • コメントを頂く記事の内容については、記事に関係する内容、記事への同調、記事への反論など、 記事の内容に関するもののみとします。
  • Movable Typeの迷惑コメント感知機能により、コメントが受け付けられない場合があります。
  • 法律に触れる可能性があると判断できるもの、当サイトへの掲載が不適当と思われる内容については、 事前の連絡をなしに削除する場合があります。
  • 当サイト、黍若個人への連絡事項などがあれば、連絡用記事へコメントを付けてください。 個別の記事に付けないで下さい。
    または、ウェブメールでご連絡下さい。
  • 詳しくし、黍若日記 コメント・トラックバック・リンク基本方針をご覧下さい。

コメントしてください




保存しますか?



 

Copyright ©2004-2007 黍若