Tagcloud+Tree=Tree&Cloud(ツリークラウド)
07/01/05 Comment(0) Trackback(1)

当サイトWeb2.0的ラボのサイドバーのカテゴリ表示を変えてみました。

treecloud.jpg

一見タグクラウドに見えますが、カテゴリの一覧です。
各カテゴリに属している記事数で、文字の強さを変えています。

またサブ(子)カテゴリがある場合は、段落を変えることで、カテゴリ間のつながりも視覚的にわかるようにしています。

タグクラウドは始めは面白いと思いました。しかし、すぐに飽きてしまいました。
その理由として、

・タグの打ち込みがめんどくさい
はてブのように、タグを周りと共有したり、他の人が打ち込んだタグを簡単にコピーできたりすればヤル気も起きます。個人的なブログでタグ打ちをしても、労力の割には効果が小さい気がします。

・タグクラウドは理解しにくい
タグクラウドって、文字コードのアスキー番号順に並んでいるだけなので、キーワードは探しやすいです。しかし、全体の内容がわかりにくいです。ジャンル毎に固まっていた方が分かり易いと思います。

てなわけで、カテゴリ名をキーワードとして、キーワード間の関連を樹形図のように並べて、かつキーワードの強さを表示できる方式を作ってみました。

しいて言えば、Tagcloud+Tree=Tree&Cloudとでも言いましょうか?

※タグクラウドっぽい表示が好きな方はカテゴリークラウド(Category&Cloud)も作ったので、参考にしてください。

+++Tree&Cloudの作り方(Movabletypeのみです)+++

1)プラグイン:CatLevel(私の自作です)をダウンロードし、MTをインストールしてあるサーバーのフォルダ 「/mtフォルダ/plugins/」 にアップロードします。

2)Tree&Cloudを表示させたい場所に、下記コードをコピーします。

<MTTopLevelCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTHasSubCategories><div></MTHasSubCategories>
<MTIfNonZero tag="MTCategoryCount">
└<a class="tag_<$MTCatLevel restrict="1" $>" href="<$MTCategoryArchiveLink$>"><MTCategoryLabel pmhc="" ></a><font color="#777777">(<$MTCategoryCount$>)</font>
<MTElse>
└<font color="#777777"><MTCategoryLabel pmhc="" >(<$MTCategoryCount$>)</font></MTElse>
</MTIfNonZero>
<MTHasSubCategories></div></MTHasSubCategories>
<MTSubCatsRecurse>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>

3)スタイルシートに次の記述を追加します。

.tag_1 {text-decoration:none;font-size: 110%;color: #aaaaaa;}
.tag_2 {text-decoration:none;font-size: 110%;color: #555555;}
.tag_3 {text-decoration:none;font-size: 135%;color: #555555;}
.tag_4 {text-decoration:none;font-size: 145%;color: #555555;}
.tag_5 {text-decoration:none;font-size: 160%;color: #000000;}
.tag_6 {text-decoration:none;font-size: 175%;color: #000000;font-weight:bold}

※<$MTCatLevel restrict="1" $>が、各カテゴリのエントリー数に応じたレベルを表示し、スタイルを呼び出します。

デフォルトではエントリー数が12件以上だと、最大レベルになります。もっと数を大きくしたければ、<$MTCatLevel restrict="1" $>の中のアトリビュートの設定「restrict="1"」を例えば「restrict="2"」にすれば、最大レベルが12×2=24件となり、他のレベルも調整されます。


4)再構築すれば、終了です。

トラックバック


※当サイト内ページへのリンクがないと、受け付けない仕様になっています
トラックバック一覧

links for 2007-01-07

from オラオラ at 07/01/08

Tagcloud+Tree=Tree&Cloud(ツリークラウド) カテゴリーにウェイト付けるのはおもしろいかも:ってこれCloudNine...

コメントを投稿
上の情報を保存する場合はチェック
月別エントリー
2009年6月(5)2009年5月(12)2009年4月(6)2009年3月(4)2009年2月(4)2009年1月(6)2008年12月(4)2008年11月(5)2008年10月(4)2008年9月(8)2008年8月(6)2008年7月(4)2008年6月(4)2008年5月(6)2008年4月(7)2008年3月(8)2008年2月(14)2008年1月(22)2007年12月(10)2007年11月(10)2007年10月(5)2007年9月(7)2007年8月(5)2007年7月(16)2007年6月(1)2007年5月(4)2007年4月(9)2007年3月(9)2007年2月(10)2007年1月(20)2006年12月(6)2006年11月(15)2006年10月(11)2006年9月(27)2006年8月(9)2006年7月(5)2006年6月(11)2006年5月(2)2005年9月(1)
269
269