MovableType 3.3 の Widget 機能で効率良くサイトを管理【その１】

2006-07-04T00:26:36+09:00

以前のバージョンの Movable Type から、今回 MT3.3 にアップグレードして数日たちました。というわけで新しい機能をいろいろ試したくなってしまいます。

MT3.3 の管理画面では、（MT をカスタマイズしている方ならお馴染みの）「テンプレート」の項目の下の方に、プラグイン - Widget の管理という、今までのバージョンでは見たことのないリンクがあることに気づきます。

この機能を上手に使うと、サイトの管理や設計の効率が格段に上がるので、デフォルトのテンプレートでまずどのような挙動をするのか試したのち、実際にどのような使い方をすると効率が良くなるのか試してみました（長いのでエントリを２回に分けます）。

さて、その気になるリンク Widget の管理 をクリックすると、Widget Manager が出てきます。

デフォルトでは First Widget Manager という名称の Widget が存在します。

概要を見ると、カレンダーやカテゴリーリスト・検索フォームなどの、所謂サイドバーに使われそうなパーツ群をグループ化してパッケージされているものだということがわかります。

それでは早速、First Widget Manager をクリックして中身を見てみましょう。

「インストールされている Widget」と、「利用可能な Widget」というフィールドがあり、ドラッグ&ドロップで表示させたい Widget を選んだり順序を変更したりできるようになっています。これはとても直感的に使いやすく、良いインターフェースだと思います。

ひととおり必要な部品を配置して、好みの順序にしたら「変更を保存」ボタンを押します（ここではサンプル目的なのでデフォルトの全てを表示させておきました）。

このように保存した Widget を実際に表示するためには、表示させたいページに関係あるテンプレートに以下のコードを記述します。

<$MTWidgetManager name="First Widget Manager"$>

name の値は Widget Manager で指定した名前をそのまま記入するので、今回はデフォルトでついている名前「First Widget Manager」を入れます。

下記のコードは、SixApart-standard「メインページ」テンプレートのサイドバーに、この Widget を挿入する場合のサンプルです。

なお、デフォルトではモジュール化されていない状態でサイドバーに必要な部品が直書きされていますので、その部分をさっくり削除して、かわりに先ほどの Widget を呼び出すコードを一行入れるだけ、とても簡単にできます（カスタマイズする前に、念のためバックアップはとっておいた方が良いと思います）。

<div id="beta">
   <div id="beta-inner" class="pkg">
<$MTWidgetManager name="First Widget Manager"$>
   </div>
</div>

※<div id=“beta-inner”> と </div> の間に挿入。

再構築して出来上がったサンプルです。この方法なら、特別なカスタマイズをしなくとも、デフォルトテンプレートのままで Tag cloud を実現できますし、管理がとても楽になります。

次のエントリでは、デフォルトテンプレートを使わずにオリジナル Widget を作成してより効率よく管理できるように、実際このブログで取り入れている方法をメモする予定です。

Trackback List

Widgetを使おう from ある男のつぶやきブログ

時間のあるときに、チクチクといじっていくとしよう。ということで、今日はサイドバ...

July 7, 2006 1:29 AM
Widgetの使い方 from HAPTIC

前回、3つのペインに分割したので、次はペインにいれるコンテンツを整理した。やり...

August 13, 2006 6:38 PM