先日紹介した「ツリークラウド（Tree&cloud）」ですが、タグクラウド好きの方もいるかなと思い、ツリー表示をなくしたものも作ってみました。
現在、当サイトのトップページ以外のページでテスト中です。
うーん。意外とこっちでも良いかも♪
+++カテゴリクラウドの作り方（Ｍｏｖａｂｌｅｔｙｐｅのみです）+++
１）プラグイン：CatLevel（私の自作です）をダウンロードし、ＭＴをインストールしてあるサーバーのフォルダ 「/mtフォルダ/plugins/」 にアップロードします。
２）Tree&Cloudを表示させたい場所に、下記コードをコピーします。
<MTIfArchiveTypeEnabled archive_type=”Category”>
<div class=”side-out”><div class=”side-in”>
<div class=”side-title”><p>記事カテゴリ</p></div>
<div class=”side-body”>
<MTTopLevelCategories>
<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>
<MTSubCatsRecurse>
</MTTopLevelCategories>
３）スタイルシートに次の記述を追加します。
.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件となり、他のレベルも調整されます。
４）再構築すれば、終了です。
コメント