Movable Type 備忘録

 MT-Cumulus プラグイン

  • Sep212008
  • Vote:
    http://bizcaz.com/archives/2008/09/21-031926.php
  • Categories: Customize
  • Tags: ,
  • Social Bookmark

こんばんわ^^

先日失くした携帯は結局見つかりませんでした (´Д｀；)
SoftBank の追跡サービスを利用したところ、どっかのムカつく人が持ち逃げしたようで、とんでもない住所を言われました Σ(￣Д￣；) まぁ、失くした場所が電車の中だからしょうがないけど。
で、いい機会だから Google ストリートでその住所調べて少し遊んでみました( って遊んでる場合じゃないんだけど )。

それにしても失くしたわたしが悪いんだけどやっぱりムカつくものはムカつく (｀⌒´♯)
旦那にはもう二度と失くさないよう首から携帯提げた方がいんじゃね!?・・・とキツく言われました （つω-`｡）とほほ

さて、だいぶ前に WP 用のプラグインで、フラッシュを用いて 3D 空間に回転するタグクラウドってのがありました。 UI 的にはすっごくいいのですが、どうやら日本語タグには対応しきれてないようでした( 今はどうか知らないけど )。
で、Movable Type 用のプラグインを見つけたので使ってみました。

ディレクトリ構成

使い方はカンタンなのですが、そのままではプラグインが正しく認識されません。
ですので、以下のようなディレクトリ構成にすれば正しく認識されるようになります。

  1. 　mt/
  2. 　 |
  3. 　 +-- mt-static/
  4. 　 | +-- plugins/
  5. 　 | +-- Cumulus/
  6. 　 | +-- swfobject.js
  7. 　 | +-- tagcloud.swf
  8. 　 |
  9. 　 +-- plugins/
  10. 　 +-- Cumulus/
  11. 　 +-- lib/
  12. 　 | +-- Cumulus.pm
  13. 　 |
  14. 　 +-- Cumulus.pl

カスタマイズ

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

    上記ページからプラグインをダウンロードして、上記ディレクトリ構成のようにアップロードします。先ほども言ったようにそのままアップロードしたのではプラグインは認識されませんのでご注意ください。

  2. プラグインの設定

    MT-Cumulus プラグイン 次にプラグインの設定を行います。このプラグインはブログ別に設定する必要があるので、MT の管理画面からブログごとのプラグイン一覧を表示します。右図はわたしのサイトで設定した内容になります。赤枠のように「Enable MT-Cumulus for this blog」をチェックする必要があります。ここをチェックしないと何も表示されませんのでご注意ください。

    青枠はタグクラウドの横幅／高さになります。
    たとえばサイドバーに表示したい場合、わたしのサイトでは幅 260px、高さは横幅の 3/4 のサイズ( 260 / 4 × 3 )を指定してます。

    その他の設定内容については図中のコメントを参考にしてください。

  3. テンプレートの変更

    タグクラウドのウィジェットを以下のように変更します。

    最近のタグクラウド

    1. <$MTCumulusSWFObject$><$MTCumulus$>

    MTCumulusSWFObject ファンクションタグは、swfobject.js の URL が出力されるようです。
    MTCumulus ファンクションタグでは、フラッシュのコードが出力されます。

  4. 再構築

    タグクラウドを表示してる、すべてのテンプレートを再構築します。

以上です。ね、カンタンでしょ (●´∀｀●)
お試しあれぇ～。

 Trackback Pings(1)

from WolaWola

MT-Cumulusについて書いてみた。またまた長文だ・・・

Tracked on September 24, 2008

 Comments(18)

#1: Posted by Author Profile Page Kei @ September 21, 2008 [REPLY]
user-pic

これ素敵ですねサングラス
サイドバータグ一覧だけではなくて、タグページでもこうして表示できたら面白いかも＾＾

 
#2: Posted by Author Profile Page bzbellからKeiへの返信 @ September 21, 2008 [REPLY]
user-pic

>>1 Kei さん

こんにちわ^^

うん、いいかんじですよねワクワク
すべてのタグクラウドをローテーションさせられればかなりインパクトありますよね。
フラッシュの ActionScript っての見たことないから何とも言えないけど、全タグだとパソコンに負荷がかかるかも。
Kei さん試しにやってみてうるうる

 
#3: Posted by かわぐち @ September 25, 2008 [REPLY]
user-pic

おひょっ！
これ、かっこいいですね～、私くらいに。
導入してみようかな？
んでも、日本語、大丈夫かな？あせあせ

 
#4: Posted by Author Profile Page bzbellからかわぐちへの返信 @ September 25, 2008 [REPLY]
user-pic

>>3 かわぐち さん

こんばんわ^^

> これ、かっこいいですね～、私くらいに。

ですよね。見た目ステキですよね～、わたしくらいに。
でも、やっぱり日本語は対応してないようです。非常に残念ですキャハハ

 
#5: Posted by monta @ February 6, 2009 [REPLY]
user-pic

bzbellさん始めまして、宜しくお願い致しますにこっ！

MT-Cumulus プラグインの記事を拝見させて頂き、とても興味を持ったので実際に試してみたのですが、テンプレートの変更手順について詳細をお伺いさせてください。

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

までの設定を終えました。

3.のテンプレートの変更の手順の詳細をご教授頂ければ幸いです。

テンプレートの変更の手順
タグクラウドのウィジェットを以下のように変更します。

となっておりますが、


のタグをタグクラウドのウィジェットにどのように変更すればよいのでしょうか(￣Д￣;;

MT一年生ですが、宜しくお願い致します！！ワクワク

 
#6: Posted by Author Profile Page bzbellからmontaへの返信 @ February 7, 2009 [REPLY]
user-pic

>>5 monta さん

こんにちわ^^
ご連絡が遅くなりましたあせあせ

ご質問の件ですが、monta さんがお使いのテンプレート中に、「タグクラウド」ウィジェットというものがあると思います。
そのテンプレートを以下のように修正して頂けたら OK ですやあ！ 

<mt:SetVar name="module_tagcloud" value="1">
<mt:Ignore>
0: 通常のタグクラウド
1: FLASH を使ったタグクラウド
</mt:Ignore>
<mt:If name="module_tagcloud" eq="0">
<div class="widget-tag-cloud widget">
<h3 class="widget-header">タグクラウド</h3>
<div class="widget-content">
<ul>
<mt:Tags top="20">
<li class="rank-<$mt:TagRank max="10"$>"><a href="javascript:void(0)" onclick="location.href='<$mt:TagSearchLink encode_js="1"$>';return false;" rel="tag"><$mt:TagName$></a></li>
</mt:Tags>
</ul>
</div>
</div>
<mt:Else>
<div class="widget-tag-cloud widget">
<h3 class="widget-header">タグクラウド</h3>
<div class="widget-content">
<$MTCumulusSWFObject$><$MTCumulus$>
</div>
</div>
</mt:If>

カンタンに説明すると、1 行目の module_tagcloud の value='0' にすると、通常のタグクラウドが表示され、value='1' にすると FLASH によるタグクラウドを表示する･･･といったことをやってます。
※上記はコードの各行頭に全角スペースを埋め込んでますので、ご使用の際には先頭の全角スペースを削除してください。
以上です。こんな回答で良かったでしょうかあせあせ

今後ともどうぞよしなにぺこり

 
#7: Posted by monta @ February 7, 2009 [REPLY]
user-pic

>>6 bzbellさんご教授頂きありがとうございます！

昨日、自分なりに色々と試してみて表示させることには成功したのですが、通常のタグクラウドとFLASH によるタグクラウドの両方が表示されてしまい困ってましたあせあせ

bzbellさんソースコード有り難うございます！

module_tagcloud" value=にのタグで指定した0か1を選択すると

対象のクラウドが表示されるということですね　とても勉強になります！

じゃあなんでvalue=で選択されないクラウドは表示されないのかなーと思って調べたところ

ブロックタグで囲まれた内容は、ページ出力の際、処理されませんとリファレンスにあることから、0をvalue=に選択してあげれば1は処理されないということかな。。たぶん
（解釈が間違っていたらご指摘ください＾＾：）

そして結果ですが、おかげさまで表示させることができましたにこっ！
bzbellさんありがとうございます♪ヾ(＾Д＾*)ノ感謝

>今後ともどうぞよしなに

こちらこそ宜しくですぺこり

 
#8: Posted by Author Profile Page bzbellからmontaへの返信 @ February 7, 2009 [REPLY]
user-pic

>>7 monta さん

こんばんわ^^

解決してよかったですねウインク

> ブロックタグで囲まれた内容は、ページ出力の際、処理されませんとリファレンスにあることから、0をvalue=に選択してあげれば1は処理されないということかな。。たぶん

はい。その理解で正しいです。
条件分岐というものでして、任意の条件( module_tagcloud = 0 など )によって処理する内容を変更する･･･といったことが可能です。 

<mt:If name="modules_tagcloud" value="0">
0 の場合に表示される
<mt:ElseIf name="modules_tagcloud" value="1">
1 の場合に表示される
<mt:Else>
上記以外の場合に表示される
</mt:If>
といった具合に利用できます。 ご参考までにぺこり
 
#9: Posted by Author Profile Page Kei @ March 4, 2009 [REPLY]
user-pic

こんにちは＾＾
テンプレートカスタマイズも落ち着きまして
MTCumulusを設置してみたのですが。。。
ウェジェットの変更がいまいちうまくいきませんあせあせ
サイドバーにフラッシュで表示はされるのですが、タグの文字をクリックした後の検索結果表示がうまくリンクされずで＞＜

使用中テンプレートはMovable Type MEMO TemplateSet 3.17 for MT4.23なのですが
ウェジェットテンプレート最近のタグ一覧をどのように変更すれば宜しいのか教えていただきたいです＾＾；

 
#10: Posted by Author Profile Page bzbellからKeiへの返信 @ March 4, 2009 [REPLY]
user-pic

>>9 Kei さん

こんにちわ^^

MTCumulus プラグインを Ajax に対応するにはプラグイン自体をちょと変更する必要があります。
テンプレートの方は、「最近のタグ一覧」ウィジェットを MTCumulus に対応されてるのであればそれで OK です。

プラグインについては、今は手元にないので帰宅したら Kei さん宅にプラグインのコードをお送りしますやあ！

 
#11: Posted by Author Profile Page bzbellからKeiへの返信 @ March 4, 2009 [REPLY]
user-pic

>>9 Kei さん

先ほど Kei さん宅に Ajax によるタグ検索にカスタマイズした MT-Cumulus プラグインをお送りしました。
ご確認くださいぺこり

 
#12: Posted by Author Profile Page Keiからbzbellへの返信 @ March 4, 2009 [REPLY]
user-pic

>>11 bzbell さん
ありがとうございます＾＾

プラグインを入れ替えしまして設置しましたところ
無事表示されるようになりました～やあ！

 
#13: Posted by Author Profile Page bzbellからKeiへの返信 @ March 4, 2009 [REPLY]
user-pic

>>12 Kei さん

はい。無事できてよかったですワクワク
通常だとポピュラータグ( 使用頻度の高いタグ )が表示されるのですが、以下のページでは最近使ったタグってのを表示できるようなご紹介してます。
http://bizcaz.com/archives/2009/01/12-195418.php

わたしのサイトでは上記タグ表示にしてます。
ご参考までうぅ～ん

 
#14: Posted by WAIWAI @ March 30, 2009 [REPLY]
user-pic

はじめましてうるうる

テンプレートがあまりに気に入ってしまったので、
即新ブログで使わせて頂こうとしております(；・∀・)

そして、このMT-Cumulus も見させて頂きまして、
おもしろい！と思い設置してみましたが、
＃９のkeiさんと同じ状況ですorz

大変お手数をお掛け致しまして恐縮ではございますが、
私にも専用のプラグインを頂けないでしょうかあせあせ

テンプレートでもお世話になっているのに本当恐縮ですm( __ __ )m

 
#15: Posted by Author Profile Page bzbellからWAIWAIへの返信 @ March 30, 2009 [REPLY]
user-pic

>>14 WAIWAI さん

おはよございます^^

先ほど WAIWAI さんとこにメルしましたのでご確認ください。
今後ともどうぞよしなにぺこり

 
#16: Posted by WAIWAI @ March 30, 2009 [REPLY]
user-pic

ぶしつけなお願いにもかかわらず即対応本当にありがとうございますやあ！

お陰様で設置できました☆

テンプレート大事に使わせて頂きますね(　＾∀＾)

 
#17: Posted by Author Profile Page bzbellからWAIWAIへの返信 @ March 30, 2009 [REPLY]
user-pic

>>16 WAIWAI さん

> テンプレート大事に使わせて頂きますね

はい。ありがとうございます。
至らないところは多々あるかと思いますが、できる限りのことはしますので何かありましたらご連絡頂けたらと思います。
今後ともどうぞよしなにぺこり

 
#18: Posted by kimi @ April 12, 2009 [REPLY]
user-pic

スバラシイ情報をありがとうございます！
早速MT-Cumulusをエントリー記事を参考に導入させていただきました
ありがとうございましたうるうる

 

 Post a Comment

 

コメント用フィード