ツリークラウドをちょっと改造

カテゴリが増えてくると、ツリークラウドが見づらくなってきました。
そこで、親カテゴリのリストマークだけ別モノにするように改造してみました。

一つのカテゴリコンテナだと、Topとサブのカテゴリが同じフォーマットになってしまい、殺風景に見えてしまいます。

しかし、カテゴリのコンテナタグを、トップとサブで別々に分けると、バリエーションをつけられます。普通のＭＴサイトの構築にも応用できます。

　+++

ツリークラウド（改）の作り方

１）プラグイン：CatLevel（私の自作です）をダウンロードし、ＭＴをインストールしてあるサーバーのフォルダ 「/mtフォルダ/plugins/」　にアップロードします。

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

※●はお好きな文字や画像に変更してください。

<MTTopLevelCategories>
<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>

<MTHasSubCategories>
<MTSubCategories>
<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>
</MTSubCategories>
</MTHasSubCategories>

</MTTopLevelCategories>

書き手のプロフィールはこちら ⇒ かん吉プロフィール

当ブログの記事に共感していただけたら、また読みに来ていただけると嬉しいです。読んでくれる方の数が多くなると、更新するヤル気に繋がります（＾＾）

ツイッター、Google+、Google+ページ、ミクシイページでも、更新履歴を流してます。



Share on Tumblr



  

当ブログの更新をメールで受け取れます

配信： FeedBurner

※読者さんのお声をお聞かせください