MT3.3でTag cloudを表示させる
MovableType 3.3 で Tag cloud を簡単に実装する方法
簡単に Tag cloud を実装するためのソースを備忘録として書いてみました。＜中略＞このサンプルでは、Tag をリスト形式でマークアップし、リストの中身に Tag の名称、クリックすることで Tag 検索結果にリンクさせるようにしました。リンクアンカーに対して class指定に class="level<$MTTagRank$>" と行っておくことで、後に CSS 側で頻度別に見栄えを指定できるようになる仕組みです（"<$MTTagRank$> は、Tag の頻度を表す MT タグです。数字が小さいほど頻度が高くなります ）。
こちらを参考にさせていただきました。ありがとうございます。
XHTML側はこちら
<ul id="tag-cloud">
<MTTags>
<li class="tag">
<a class="tag level<$MTTagRank$>" href="<$MTTagSearchLink$>" title="<$MTTagName$>(<$MTTagCount$>)" rel="tag"><$MTTagName$></a>
</li>
</MTTags>
</ul>
CSS側
/* Tag cloud */
ul li.tag {
margin-right: 5px;
display: inline;
list-style: none;
}
li.tag a.level1 {
font-size: 175%;
}
li.tag a.level2 {
font-size: 160%;
}
li.tag a.level3 {
font-size: 145%;
}
li.tag a.level4 {
font-size: 135%;
}
li.tag a.level5 {
font-size: 120%;
}
li.tag a.level6 {
font-size: 110%;
}
検索結果のページがまだデフォルトのままな事が今判明。直しますか、、、。
関連記事
