MT3.3でTag cloudを表示させる：Movable Type・MT：サムリのブログ

【PR】ホームページテンプレートを無料で配布しています【PR】

MT3.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%; }

検索結果のページがまだデフォルトのままな事が今判明。直しますか、、、。

いかがでしたか？この記事が気に入っていただけたら、ブックマークやツイッターにつぶやいたり、facebook（フェイスブック）の「いいね！」をクリックしてくれると、とても嬉しいです。

Tweet

RSSリーダーに登録していただけるとさらにブログを更新するやる気がメキメキ湧いてくるので、よろしくお願いしますm(_ _)m

ツイッターにブログの更新情報を流しています。日常の出来事もつぶやいたりしているので、気軽にフォローしてやってください。