Movable Type4.25ではてブのアクションストリームを導入

Movable Type 4.25にバージョンアップした。

内容を見ると、「アクションストリーム」というものがあるらしい。 なにやら、flickrとかdeliciousとか、利用しているWebサービスの更新履歴を表示することができるらしい。

おお。これははてブをサイトで自動表示しようとしている私にピッタリではないか。 と思ってやってみた。

が、defaultでは英語のサービスしか入ってないので、日本のサービスは追加しないといけない。
【Movable Type 4.25】 Action Streamに日本のサービスを追加して楽しむ

えらい人が、はてブを追加するファイルを作ってくださったようだ。ありがとう!
小粋空間: HatenaBookmarkAction プラグイン
こちらを参考に進める。

zipファイルをダウンロードしてきて、アップロードは
HatenaBookmarkAction内の
・plugin/HatenaBookmarkAction
・mt-static/plugin/HatenaBookmarkAction
つまり下の赤で囲ったやつらを、それぞれサーバ上の対応する場所にアップロードする。

ActionStream3.png

上記サイトの記述では、最上位のHatenaBookmarkActionフォルダ全部を plugin/ に置くように読めるが、そうではないので注意。

これで「システムメニュー」の「プラグイン」に「Hatena Bookmark Action」と表示されるようになる。

ActionStream1.png

↑こう表示されればOK。

次にこのプラグインを表示するwidgetを作ってみる。 「デザイン」の「ウィジェット」から「ウィジェットテンプレートを作成」。

ActionStream2.png

コードは以下のような感じ。

<a href="http://b.hatena.ne.jp/umurausu/" title="誰かさんのはてなブックマーク">誰かさんのはてなブックマーク</a></h2>
<div class="module-content">

<mt:ActionStreams lastn="10" service="hatenabookmark">
<mt:If name="__first__">
<div class="widget-recent-action widget-recent widget">
<h3 class="widget-header">最近10件のアクション</a></h3>
<div class="widget-content">
<ul>
</mt:If>
<li class="service-<$mt:var name="service_type"$>"><$MTStreamAction$></li>
<mt:If name="__last__">
</ul>
</div>
</div>
</mt:If>
</mt:ActionStreams>

<mt:ActionStreams lastn="10" service="hatenabookmark">
↑ここでserviceを指定することで、はてブ関連のアクションのみを表示するようにする。

ただ、これだけだとせっかくのはてブマークの画像はてブマークが使えないので、スタイルシートにこんな感じに追記。

li.service-hatenabookmark {
margin-left: -16px;
padding-left: 16px;
padding-bottom: 3px;
background: url(はてブ画像のURL。多分 mt-static/plugins/HatenaBookmarkAction/images/hatenabookmark.png あたり) no-repeat 0 1px; }

画像のURLは自分の所に合うように変える。

結果は、トップページの右カラム「umurausuのはてなブックマーク」に表示されている通り。 丹精に書きこんでいるはてブコメントが表示されないのが不満なのだが、まぁいいや。

なんかMovable Typeのこれ系の情報は、ツワモノが書いているからか、そっけないものが多いので、いくぶんていねいに書いてみた。

そんじゃまたそういうことで。

皆さんの拍手が私のモチベーションです。
励ましのコメントも送れるよ!→

ガッツゴリラ

この最も大事な位置にガッツポーズをするゴリラが表示されていることに何の意味があるのだろうか?答え:何もありません。こんなところまでお読みいただきありがとうございました。

Macオンラインウエア情報検索

Loading
Macオンラインウエア情報検索についてはこちらを参照ください。 →「Macオンラインウエア情報検索」をアップデートしました2012

このブログ記事について

このページは、2009年4月21日 22:31に書かれたブログ記事です。

ひとつ前のブログ記事は「読書メモ:決算書がスラスラわかる 財務3表一体理解法」です。

次のブログ記事は「「携帯さーちあしすと β」を公開」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

広告

アーカイブ