Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

MovableType用占いランキングを表示してみる

Apr162006
Vote:
http://bizcaz.com/archives/2006/04/16-002049.php
Categories: Customize
Tags: Plugins
Social Bookmark

Prev Page: 最近のトラックバックにエントリ名とリンクを表示する
Next Page: 投稿者別に最近のエントリ一覧を表示する

ちょっとおもしろいプラグイン見つけちゃいました。
女性の人はもちろん、男性の人も占いを気にする人はいると思います。

ちなみに、わたしの家電占いでは「携帯電話」、山手線占いでは「田町」、六星占術では火星人の陽(+)です。

今日はMovableType(ムーバブルタイプ)で「本日の占いランキング」を表示させてみました。

今回参考にしたサイトはdark7.jp様です。

占いランキングを自分のブログに表示させるには、dark7.jpさんオリジナルの MTUranaiRanking プラグインを使用します。このMTUranaiRankingプラグインは、livedoor RSSからデイリーな占い情報を取得しているのだそうです。

▼MTUranaiRankingプラグインの入手はこちらから▼
http://www.drk7.jp/MT/archives/000447.html

カスタマイズ方法

MTUranaiRanking プラグインを編集します。
まず、上記リンク先から MTUranaiRanking.zip という圧縮ファイルをダウンロードしてください。
そして、圧縮ファイルを展開して任意の文字コードで保存可能なテキストエディタで開いてください。
わたしはフリーのテキストエディタ EmEditor を使用しています。

イメージファイルの保存先を編集しますが、例えば http://●●まる.com/image/fortune/ の中にアップロードする場合には、以下のように修正します。
1. 77行目
2. my $imgdir = $args->{dir} || "images/MTUranaiRanking/";
3. 　　　　　　　　　　　　　　　　　　　　　↓
4. my $imgdir = $args->{dir} || "image/fortune/";
青い字の部分を赤い字のように http://●●●.com/ からの相対パスで変更します。
これは http://lala.com/images/ の中に MTUranaiRanking/ というディレクトリを作れるのであれば、特に変更する必要ありません。変更した場合は必ず EUC で保存してください。

修正したらサーバーにアップロードします。
いつものように、mt/plugins/ の中にアップロードします。また、img/ の中味すべてを各自の環境に合わせてアップロードしてください。ここでは http:/●●●.com/image/ の中に fortune/ ディレクトリを作成してアップロードしました。
次に、XML ディレクトリをアップロードします。
XMLの中には Simple.pm と Parse/Lite.pm というファイルがあります。これらのファイルを extlib/XML/ の中にそれぞれ同じ位置にアップロードします。

これらのファイルが既にアップロード済でしたら、あらためてアップロードする必要はありません。
わたしの場合は、既にアップロード済でしたのでアップロードしませんでした。
次に、LWP の中味を extlib/LWP/ の中にそれぞれ同じ位置にアップロードします。
先ほどと同様に、既にアップロード済でしたらあらためてアップロードする必要はありません。
最後に、Jcode をアップロードします。
extlib/Jcode/ の中に今までと同様にアップロードします。

以上で MTUranaiRanking プラグインのインストールは完了です。
占いランキングを表示するテンプレートを編集します。
以下のコードを表示させたい箇所に追加します。
1. <MTUranaiRanking oe="utf8">
2. 1位<img src="<$MTimg1$>" width="32" height="32" alt="<$MTtitle1$>：<$MTdescription1$>"> /
3. 2位<img src="<$MTimg2$>" width="32" height="32" alt="<$MTtitle2$>：<$MTdescription2$>"> /
4. 3位<img src="<$MTimg3$>" width="32" height="32" alt="<$MTtitle3$>：<$MTdescription3$>">
5. </MTUranaiRanking><br />
6. <div class="posted">
7. 素材：<a href="http://www.livedoor.com/rss/" target=_blank>livedoor(RSS)</a> / <a href="http://wing.zero.ad.jp/mopet/" target=_blank>snowflake(icon)</a>
8. </div>
紫の字の部分を各自のMovableType(ムーバブルタイプ)の文字コードに合わせて変更します。
デフォルトでは euc ですが、sjis または utf8 を環境に合わせて変更してください。

ちなみにわたしのMovableType(ムーバブルタイプ)では utf8 と変更しました。

青い字が先ほどアップロードしたイメージファイルのURLとなります。
ここでは http:/●●●.com/image/fortune/xxxx.gif と表示されます。ランキング 1 位～ 3 位まで表示されます。

緑の字に 1 位～ 3 位の星座名がそれぞれ表示されます。
ピンクの字には運勢が表示されます。

赤い字の部分は削除しないよう注意してください。
後は、いつもの保存して再構築です。
正しくイメージが表示されない人は、MTUranaiRanking プラグインを保存した際の文字コードが間違っていたり、イメージファイルのパスが間違っていたりしますので確認してください。

以上で、本日の占いランキングを表示させることができました。
わたしはプラグインをインストールしたはいいけどイメージが表示されず、ちょっと戸惑ってしまいました。

- 2006.04.24 追記 -

占いランキングが更新されていませんが、これは livedoor 側でランキング RSS が 2005 年 2 月で終了していたようです。
現在、dark7.jp さんの方で新しいものを試験運用中だそうなので、しばらくお待ちください。

- 2006.04.24 追記 -

dark7.jp さんのところで、新しい占いプラグインが紹介されました。
今度のは JavaScript で対応されていて、MovableType(ムーバブルタイプ)以外の人でも使えるようになりました。

まず、こちらのdark7.jpさんのところから占いプラグインをダウンロードします。
ダウンロードした圧縮ファイルを適当なフォルダに展開して、以下のファイルをサーバーにアップロードします。アップロード先はどこでも構いません。

・prototype.js
・xml2json.js
・Drk7jpUranai.js

次に、以下のコードを<head>～</head>の間に追加します。

<script language="javascript" type="text/javascript" src="/script/prototype.js"></script>
<script language="javascript" type="text/javascript" src="/script/xml2json.js"></script>
<script language="javascript" type="text/javascript" src="/script/Drk7jpUranai.js"></script>

青い字の部分を各自の環境に合わせて変更します。
そして、占いを表示させたい場所に以下のコードを追加します。