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>

 
参考:小粋空間

“MTメモ タグクラウドを表示させてみる。” への2件の返信

  1. 勉強会、お疲れ様です。
    ちょっとだけ・・いえ、だんだんと不安になってきました。
    タグは全然わからない・・・という不安・・・
    頑張ってついていきますので、
    これからもよろしくお願いします。

  2. >松本花屋さん
    FC2ブログの場合、「プラグインの設定」→「共有プラグイン追加」で、「プラグイン名」が「Lc.タグクラウド」を検索して追加すれば、サイドバーに表示できますよ。
    ※ただし、日々の記事投稿の際に「ユーザタグ」の欄にタグを入力しておく必要があります。(^_^;)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です