Twitterの情報を表示するプラグイン（その1）

1.プラグインのインストール

Twitterプラグインは、以下からダウンロードします。

Twitter_1_00.zip

プラグインの継続的な開発やサポートのために、プラグインをご利用された方は、ドネーション（寄付）を行っていただけると幸いです。
ドネーションの方法は、こちらのページをご参照ください。

ダウンロードしたファイルを解凍すると、「Twitter」というフォルダができます。
このフォルダを、Movable Typeの「plugins」ディレクトリの中にアップロードします。

2.プラグインの初期設定

プラグインのインストールが終わったら、初期設定を行います。

システム・メニューの「プラグイン」のページを開き、Twitterプラグインのところの「設定を表示」のリンクをクリックします。
そして、ご自分のTwitterのIDとパスワードを入力して、「変更を保存」のボタンをクリックします。

↓初期設定

3.タグの組み合わせの例

タグの組み合わせの例として、自分とFriendsが送信した情報（TimeLine）をサイドバーに表示するものを紹介します。

Movable Typeの標準のテンプレートの場合だと、サイドバーの部分に以下のようなタグを入れます。

<div class="module-twitter module">
   <h2 class="module-header">Twitter</h2>
   <div class="module-content">
<MTTwitterFriendsTimeLine>
      <p><a href="<$MTTwitterUserLink$>" target="_blank"><img src="<$MTTwitterUserImage$>" width="48" height="48" alt="<$MTTwitterUserName$>" style="float : left; margin-right : 5px; margin-bottom : 5px; border : 1px solid #999999;" /><$MTTwitterUserName$></a><br /><$MTTwitterDate format="%H:%M"$><br /><$MTTwitterText$><br style="clear : both;" /></p>
</MTTwitterFriendsTimeLine>
   </div>
</div>

また、小粋空間様のテンプレートの場合だと、サイドバーの部分に以下のようなタグを入れます。

<div class="sidetitle">
Twitter
</div>
 
<div class="side">
<MTTwitterFriendsTimeLine>
<p><a href="<$MTTwitterUserLink$>" target="_blank"><img src="<$MTTwitterUserImage$>" width="48" height="48" alt="<$MTTwitterUserName$>" style="float : left; margin-right : 5px; margin-bottom : 5px; border : 1px solid #999999;" /><$MTTwitterUserName$></a><br /><$MTTwitterDate format="%H:%M"$><br /><$MTTwitterText$><br style="clear : both;" /></p>
</MTTwitterFriendsTimeLine>
</div>

この後、テンプレートを再構築すると、その時点でのTwitterの情報（Timeline）が表示されます。

なお、ページにアクセスするたびにTimelineを更新するようにしたい場合は、拙作のリアルタイム再構築プラグインと組み合わせます。
その方法は明日解説します。