MTメモ タグクラウドを表示させてみる。

この記事は、ムーバブルタイプを使ったこのブログの作業メモです。

記事を書く際にタグを設定していますが、このブログで設定しているタグの状況を表示させる事ができます。タグクラウドでは、使用回数が多いほど、文字が大きく表示されます。

このブログのタグクラウドはこちらをご覧下さい。

これを表示させるには、まず「メインメニュー」→「テンプレート」→「スタイルシート」の中に、以下のタグを貼り付けて、保存と再構築。

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

次に、表示させたい場所に以下のタグを貼り付ければOK。

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

 
参考:小粋空間