Movable Type 備忘録

 MT-Cumulus プラグインを SWFObject 2.1 に対応する

  • Mar142009
  • Vote:
    http://bizcaz.com/archives/2009/03/14-152627.php
  • Categories: Plugins
  • Tags: ,
  • Social Bookmark

こんにちわ^^

MT-Cumulus プラグインを SWFObject 2.1 に対応してみました。

元々 MT-Cumulus プラグインやオリジナルの WP-Cumulus では SWFObject 1.4 が使用されてるのですが、配布元さんではまったく!? 更新する様子もなさそうだし、個人的興味から SWFObject 2.1 を使いたかったのでプラグインをカスタマイズしてみました。

MT-Cumulus プラグインは、FLASH を使ったタグクラウドを表示するプラグインですが、日本語が使えないということで日本ではあまり使われてないのかな。
でも、tagcloud.swf をちょこちょこっと Adobe Flash Professional 体験版 でフォントを変更してあげれば対応可能なようです。

上記記事を参考に tagcloud.swf を日本語対応にしたものを以下のサイトで入手できます。

実際に試したところ、mt/mt-static/plugins/Cumulus/tagcloud.swf を差し替えることで日本語表示することができました (●´∀｀●)
日本語タグを使われてる人は試してみるといいのココロ。

SWFObject 2.1 に対応する

さて、本題に戻りまして SWFObject 2.1 では、今までの 1.4 系、1.5 系とは記述が異なります。
なので SWFObject だけを 2.1 に差し替えれば OK みたいにはいきません。

変更するファイルは以下になります。

  • mt/plugins/Cumulus/lib/Cumulus.pm

カスタマイズには SWFObject 2.1 マニュアルとジェネレータを使用します。

SWFObject 2.1 に対応するための、MT-Cumulus プラグインのカスタマイズについて以下に記します。

  1. ジェネレータを使って SWFObject 2.1 用コード入手

    SWFObject 2 ジェネレータ まずはジェネレータを使って SWFObject 2 用のコードを取得します。
    使い方はカンタンなのですが、MT-Cumulus プラグインの SWFObject 2 以前のパラメータに合わせて入力していく必要があります。
    右図は MT-Cumulus プラグインで使用してる SWFObject のパラメータを入力した図になります。網掛け部分が変更したところです。

    一通りパラメータを入力したら、「Generate」ボタンをクリックするとコードが表示されます。
    必要な部分を抜粋したコードを以下に記します。

    SWFObject 2 用コード

    1. <script type="text/javascript">
    2.     var flashvars = {};
    3.     flashvars.tcolor = "0xFFFFFF";
    4.     flashvars.tspeed = "100";
    5.     flashvars.distr = "true";
    6.     flashvars.mode = "tags";
    7.     flashvars.tagcloud = "<tags>AAA</tags>";
    8.     var params = {};
    9.     params.quality = "high";
    10.     params.wmode = "transparent";
    11.     params.bgcolor = "#333333";
    12.     params.allowscriptaccess = "always";
    13.     var attributes = {};
    14.     swfobject.embedSWF("tagcloud.swf", "mttagcloudflash", "550", "375", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    15. </script>

  2. 入手したコードを元に MT-Cumulus プラグインをカスタマイズ

    次に入手した SWFObject 2.1 用コードを、MT-Cumulus プラグインに移植します。
    Cumulus.pm 内を 'sub CumulusBox' というキーワードで検索します。 そして、180 ～ 218 行目を以下のコードで差し替えます。

    SWFObject 2 用コード差し替え

    1. $Cumulus = "<div id=\"mttagcloudflash\">" . $tags . $cats ."<br /><a href=\"http://www.adobe.com/go/getflashplayer\"><img src=\"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif\" alt=\"Get Adobe Flash player\" /></a></div>\n";
    2.  
    3. $Cumulus .= "\n<script type=\"text/javascript\">\n";
    4. $Cumulus .= "var rnumber = Math.floor(Math.random()*9999999);\n";
    5. $Cumulus .= "var flashvars = {};\n";
    6. $Cumulus .= "flashvars.tcolor=\"0x" . $cumulusTagColor . "\";\n";
    7. $Cumulus .= "flashvars.tspeed=\"" . $cumulusSpeed . "\";\n";
    8. if ($cumulusEvenSpacing==1) {
    9.     $Cumulus .= "flashvars.distr=\"true\";\n";
    10. } else {
    11.     $Cumulus .= "flashvars.distr=\"false\";\n";
    12. }
    13. if ($cumulusDisplay =~ m/.tags/) {
    14.     $tags = "<tags>" . $tags . "</tags>";
    15.     $tags = uri_escape($tags);
    16.     $Cumulus .= "flashvars.tagcloud=\"" . $tags . "\";\n";
    17. } elsif ($cumulusDisplay eq "cats") {
    18.     $cats = uri_escape($cats);
    19.     $Cumulus .= "flashvars.categories=\"" . $cats . "\";\n";
    20. } else { #display both
    21.     $tags = "<tags>" . $tags . "</tags>";
    22.     $tags = uri_escape($tags);
    23.     $cats = uri_escape($cats);
    24.     $Cumulus .= "flashvars.tagcloud=\"" . $tags . "\";\n";
    25.     $Cumulus .= "flashvars.categories=\"" . $cats . "\";\n";
    26. }
    27. $Cumulus .= "flashvars.mode=\"" . $cumulusDisplay . "\";";
    28. $Cumulus .= "var params = {};\n";
    29. $Cumulus .= "params.bgcolor=\"#" . $cumulusBgColor . "\";\n";
    30. if ($cumulusTransparent==1) {
    31.     $Cumulus .= "params.quality=\"high\";\n";
    32.     $Cumulus .= "params.wmode=\"transparent\";\n";
    33. }
    34. $Cumulus .= "params.allowscriptaccess=\"always\";";
    35. $Cumulus .= "swfobject.embedSWF(\"" . $staticUrl . "tagcloud.swf?r=\"+rnumber, \"mttagcloudflash\", \"" . $cumulusWidth . "\", \"" . $cumulusHeight . "\", \"9.0.0\", \"" . $staticUrl . "expressInstall.swf\", flashvars, params);\n";
    36. $Cumulus .= "</script>\n";

  3. SWFObject( swfobject.js )の URL 変更

    最後に swfobject.js の URL を変更します。
    この際なので Google の AJAX Libraries API を使う用に変更します。
    具体的には Cumulus.pm 内を 'sub CumulusSWFObject' というキーワードで検索して、以下のコードと差し替えます。

    swfobject.js URL の変更

    1. sub CumulusSWFObject {
    2. # my $ctx = shift;
    3. # my $app = MT->instance;
    4. # my $staticUrl = $app->static_path . 'plugins/Cumulus/';
    5. # my $plugin = MT::Plugin::Cumulus->instance;
    6. # my $mtstatic = MT->config->CGIPath . $plugin->envelope . "/mt-static/";
    7. # my $swfobject = "<script type=\"text/javascript\" src=\"" . $staticUrl . "swfobject.js\"></script>\n";
    8. my $swfobject = "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js\"></script>\n";
    9.     return $swfobject;
    10. }

    赤字の部分をコメント( 行頭に # を付加する )にして、青字の行を追加します。

以上で MT-Cumulus プラグインのカスタマイズは完了です。
変更した MT-Cumulus プラグインを保存して元の場所にアップロードします。 そして、サイト全体を再構築してあげれば OK です。

一応わたしのサイトで使ってる MT-Cumulus プラグインの以下に置いておきます。
ただし、わたしのサイトで使ってる MT-Cumulus プラグインは最近のタグ一覧を表示できるようカスタマイズしたものです。

オリジナルの WP-Cumulus では、JavaScript を使用しなくっても表示できる( object 使用 )ようバージョンアップされてます。
でも、それは WordPress が PHP ベースだからできることで、Perl ベースの MT では無理です。( 厳密には対応することは可能ですが、動的に乱数を発生させてまして、MT のプラグインだとその乱数の値が再構築時に固定されてしまう為、MT-Cumulus では JavaScript を使って動的に乱数を発生させてるわけです。)
MT-Cumulus プラグインの PHP 版を作れば可能ですが、そこまでする必要性を感じてないので上記 MT-Cumulus 1.04 では対応してません。

以上です。

 Trackback Pings(0)

No trackbacks found.

 Comments(8)

#1: Posted by みっちー @ March 14, 2009 [REPLY]
user-pic

どうも今日は。
みっちーです。

いろいろがんばってますが、画像一つとっても自動生成なので
非常に難儀しております。

やはり、元のmt.cgiの設定が反映していないのと
ｓタグやuタグstrongタグemタグの文字タグが使えないのがちょっと困っています。
それと、サイドバーのブログパーツの貼り方が分からないですね。

この辺り、設定可能にして頂けるとありがたいです。

 
#2: Posted by Author Profile Page bzbellからみっちーへの返信 @ March 14, 2009 [REPLY]
user-pic

>>1 みっちー さん

こんばんわ^^

> いろいろがんばってますが、画像一つとっても自動生成なので
> 非常に難儀しております。

すいません、よく分かってないのですが、画像!? って何ですかあせあせ
MT-Cumulus プラグインに画像を使用してる!? ってことでしょうか。
もし、プラグインのカスタマイズでお困りでしたら、記事中にあるわたしがカスタマイズしたプラグインを利用していただければと思いますぺこり

 
#3: Posted by みっちー @ March 14, 2009 [REPLY]
user-pic

たとえば、read moreのボタンがありますよね？
単純にgifなのかな・・・と思ったんですが、ベースがあって"read more"がtextだと分かったんですけど、どこをどう改造すればよいのか分からなかったんです。
すごく多機能なのが魅力的で使わせて頂いているだけに、ファイル数が多くて足踏み状態です。

文字タグも、導入前のエントリーは反映されているのですが、導入してからの新しいエントリーは反映されていないんですよね。

>記事中にあるわたしがカスタマイズしたプラグインを利用していただければと思います

使わせて頂いたのですが、使っているサーバーの仕様なのか日本語に反映してくれないので、一旦戻しました。変更した差分を教えて頂ければ、もう一度トライします。

お願いします。

 
#4: Posted by Author Profile Page bzbellからみっちーへの返信 @ March 14, 2009 [REPLY]
user-pic

>>3 みっちー さん

テンプレートの話ですねあせあせ
では、一先ずこのページでのテンプレートのお話はここで終わりにしましょ。
で、以下のページでご相談にのります。
http://bizcaz.com/archives/2009/02/01-044553.php

上記ページにて改めて みっちー さんがテンプレートセットを設置されたブログの URL を教えていただけますか。
わたしの方で確認します。
てか、先日の みっちー さん用テンプレートセットではダメだったということですね!?

 
#5: Posted by Author Profile Page https://me.yahoo.co.jp/a/13ons54CeP.ft5Qp6eX083BAmjkj#bc1bd @ January 3, 2010 [REPLY]
user-pic

ダウンロードのリンクが切れてますよ～(^^)
よろしくお願いします。。。

 
#6: Posted by Author Profile Page bzbellからhttps://me.yahoo.co.jp/a/13ons54CeP.ft5Qp6eX083BAmjkj#bc1bdへの返信 @ January 3, 2010 [REPLY]
user-pic

ご迷惑をおかけしました。
修正しました。
本年もどうぞよしなにぺこり

 
#7: Posted by たけし @ April 17, 2010 [REPLY]
user-pic

こんにちわ、いつも参考にさせていただいているものです。
今回はMTcumulusをなんとか日本語化して表示させることができたのですが、
タグをクリックすると、

不正な要求です。文字コードUTF-8に含まれない文字データを送信しています。

とエラーが出て、ブラウザのURLのところには

ttp://www.hogehoge.jp/mt/mt-search.cgi?blog_id=1&tag=日本語タグ&limit=20

というようになって、エラーになるんです。ずっと朝からこれで悩んでます・・。
なにか解決策はないものでしょうか？？
心当たりがあればよろしくお願いします。

 
#8: Posted by Author Profile Page bzbellからたけしへの返信 @ April 18, 2010 [REPLY]
user-pic

>>7 たけし さん

こんばんわ^^

お返事が遅くなりすいません。
Cumulus の日本語化ですね。
わたしは実際に日本語化して動作させたことがないので現状では何とも言えません。
差し支えなければ、たけし さんのブログに設置されたタグクラウドを見せていただけませんか。
状況を確認したく思いますぺこり

 

 Post a Comment

 

コメント用フィード