DesignWalker

ムーバブルタイプ3.3から、標準装備されておりますプラグインWidget Managerなんですが、こいつは非常に便利なツールなのです。が・・・意外と使い方がわからない方がいらっしゃるようで・・・

っちゅうわけで、今日は簡単に使い方と設定のご説明を。

そもそも、Widget Managerっちゅうプラグインは使用頻度の高いhtml部分を切り取ってモジュール化して一元管理して、さらに、それを寄せ集めたものをウィジェット化して表示、非表示設定を行おうっちゅうプラグインです・・・っと、文章にしてみると非常に訳の分からん事になってしまいます。。。

それでは、実際のテンプレートを例にとってみると。。

上のようなブログで右側の一般にサイドバーなんて呼ばれてる部分って、大体どのテンプレートでも使い回ししますよねぇ。

とくにムーバブルタイプでは・・・

1. メインページ
2. アーカイブページ
3. エントリー・アーカイブ
4. カテゴリー・アーカイブ
5. 日付アーカイブ

などなど。。。

「サイドバーのカテゴリーの見せ方をちょっと変えよう♪」 なんて思って日にゃぁ一般のユーザーさんには一日仕事？になってしまいます。。。（CSSで対応可能ならいいのですが・・・ｈｔｍｌごと変更するとなると・・・)

そこで登場いたしまするが、このWidget Managerさんなのでございます。

ムーバブルタイプの管理画面の左側メニューから「テンプレート」→「モジュール」をクリックします。

すると、テンプレート名のところに「Widget: ～テンプレート名～」って書いてるのがずらっと並んでるっしょ？こいつらが、いわゆる「モジュール」ですわ。カレンダーやら、カテゴリーやら色々なパーツが並んどるのではないでしょうか？

で、そのまま下までスルスルっとスクロールしていくと。。。
「プラグイン」のところに「Widgetの管理」って項目があるでしょ？

すると、登録されてるWidgetの一覧が見れるんですわ。
それを、クリックするとね。↓みたいな「Widget: ～テンプレート名～」って、書かれてるモジュールが表示されてるはず。左側が「インストールされているWidget」でそれをドラッグ＆ドロップで右側の「利用可能なWidget」に持っていくだけで、テンプレートに表示されますね～ん。便利でしょ。

そこで、ひとつ気をつけないといけない事が・・・「Widget Managerの名前」ですねん。

いくら、Widget Managerで、「利用可能なWidget」に表示したい項目を持っていってもWidget Managerの名前をテンプレートのhtmlにかかれてないと、ムーバブルタイプさんはどこにそれを表示していいかわかりません。。。

っちゅうことで、↓のコードをテンプレートのhtmlに書いてやってくださいな。

<$MTWidgetManager name="Widget Managerの名前"$>

たとえば・・・こんな風に↓・・・このサイトで配ってるテンプレートの<div id=”beta”>の中身をさっくり削除して・・・書き換えることができます。

<div id="beta">
<$MTWidgetManager name="First Widget Manager"$>
</div>

最初は結構大変な作業なんですが・・・この作業を面倒がらずにやっておくと、あとあと、ちょっとした変更するときにかなり作業効率あがりますよ～ん！！

さらに！さらに！

ウィジェット・ギャラリー
っちゅうのがございまして、占いやら、地図、ニュースなどなど、いろんな便利ツールが簡単にインストールできますよん！。