Widget Managerプラグインの使い方(MT3.3編)

Widget Manager プラグインとは、ブログのサイドバーによく表示されている、最新のエントリーやカレンダーなどの要素（Widget）を、ドラッグ＆ドロップで管理することができるようになるプラグインです。

Widget（ウィジェット）とは、最新のエントリーやカレンダーなどのことです。標準で用意されている「First Widget Manager」には、あらかじめ「TECHNORATI SEARCH」「カレンダー」「カテゴリーリスト」「クリエイティブ・コモンズ」「月別アーカイブリスト」「最近の投稿」「検索フォーム」「フィードを取得」「最近のコメント」「タグ クラウド (サイドバー)」「月別ドロップダウン」の各Widgetがインストールされています。

もちろん、あらかじめ用意されたWidget以外にも、自分でWidgetを作成して、モジュール化させることも可能です。



Widget Manager プラグインの使用方法を説明します。

■ 事前の準備

まず、Widget Manager プラグインを利用するには、
サーバー上の「 widget-manager.cgi 」のパーミッションが実行可能になっている必要があります。

１. widget-manager.cgi のパーミション（属性）を変更する

『 plugins フォルダ 』 内の 『 WidgetManager フォルダ 』 内の『 widget-manager.cgi 』 のパーミション（属性）を「755」、あるいは、「700」にします。


■ Widget Managerプラグインの使い方

1. Widget Manager管理画面へ移動する

ブログ管理画面の右下、あるいは、テンプレート管理画面の下にある「プラグイン」メニューから「Widgetの管理」をクリックします。

初期設定では、「First Widget Manager」という名前のWidget Managerが作成されています。


２. Widget Managerの管理方法

各Widget Manager毎に表示させるWidgetの管理方法を説明します。

まず、管理したいWidget Managerの名前をクリックします。
（初期設定では、「First Widget Manager」という名前です。追加する場合は、右上の「Widget Managerを作成」をクリックします）

左側の［インストールされているWidget］にあるWidgetがブログに表示され、右側の［利用可能なWidget］にあるWidgetが非表示になりますので、ブログに表示させたいものを左側に、非表示にしたいものを右側にドラッグ＆ドロップで移動します。

また、Widgetの並び順は、表示する順番に移動させるだけで変更することができます。


３. Widget の追加方法

Widgetの中身は実際にはテンプレート・モジュールです。
テンプレート管理画面の「モジュール」をクリックすると、
First Widget Managerの「Widget」がすべて確認できます。

Widgetを追加するには、「Widget: （任意の名前）」というモジュールを追加すると、Widget Managerで使用できるようになります。

例として、「Widget: リンク集」というテンプレート・モジュール（Widget）を追加します。

1.	テンプレート管理画面の「モジュール」をクリックします。
2.	右上の「モジュールを新規作成」をクリックします。
3.	テンプレート名に「Widget: リンク集」と入力し、保存します。 ※「:」の後に半角スペースが必要ですので、注意してください。

以上の操作で、Widget Mangerの［利用可能なWidget］に、「リンク集」が自動的に追加されます。

ブログに表示するには、左側の［インストールされているWidget］にドラッグ＆ドロップで移動しておきます。


４. Widget Managerの表示方法

Widget Mangerをブログに表示させるには、テンプレートに以下の１行を追加します。

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

「First Widget Manager」という名前のWidget Mangerを表示したい場合は

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

となります。

サイドバーに表示したい場合は、
<div id="beta-inner" class="pkg">～</div>の間に追加してください。

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

以上、Widget Manager プラグインについて説明しました。

[参考記事] Widget Manager（公式マニュアル）

参考になりましたら、応援お願いします。→