今更ながらMTのタグクラウドを導入してみました。

とりあえず参考にさせていただいたのがmagnetさんの記事とカイ氏伝さんの記事。

カイ氏伝さんの方法はwidgetで導入するもので、テンプレート設定のモジュールでwidgetを起動して、タグクラウドを有効にします。後はテンプレートの適当な位置に

<$MTWidgetManager name="Widget Managerの名前"$>

と付け加えるだけ。初期設定であればWidgetの名前はFirst Widget Managerなので、

<$MTWidgetManager name="First Widget Manager"$>

と付け加えるだけで表示されます。

一方のmagnetさんは直接テンプレートに

<div class="module-tagcloud module">
<h2 class="module-header">Tag cloud</h2>
<div class="module-content">
<ul class="module-list">
<MTTags>
<li class="module-list-item taglevel<$MTTagRank$>">
<a href="<$MTTagSearchLink$>"><$MTTagName$></a>
</li>
</MTTags>
</ul>
</div>
</div>

というタグを追加します。私はこちらの方法を採用しました。

デザインはcssファイルに以下の記述を追加。

.module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; }

適当に文字サイズなどを修正すればOK。

私は相対文字サイズ主義者なのですべて相対指定に置き換えました。