世界中の１％の人々へ

MT3.3から使えるタグクラウドを設置してみた。

タグクラウドとは情報量に比例して文字が大小になる、アレだ。
詳しくは個々でお調べいただきたい。

MT3.3から使えるタグクラウドを設置してみたかったのだが、「タグクラウドが使えるようになりました」という情報は圧倒的に多いのだが、こういうやり方で設置したという情報が少ないので、手助けになればと書くことにする。サイトが少なくて、アットスタイルさんが助けてくれた。

１．準備

タグクラウドを設置するには、まず、やり方である。エントリーにタグを入れなければならない。

エントリー画面の一番下、画面の表示変更をクリック

カスタムにしてタグにチェックを入れる。

これで準備は完了。

 ２．タグの入力。

２つのやり方がある。

A.タグ入力フォームから、ひとつひとつ入力していくやり方。

英文のみだが頭文字を入れた状態で、英文ならば登録済みのタグ一覧が表示される。
これは、便利。

B.まとめて設定する方法。

エントリー管理画面の検索機能を使い

チェックを入れたエントリーにタグを追加する。

このやり方は、エントリーの多い方には便利だ。

３．タグクラウドの設置方法

きわめて簡単、下記ソースを参考に埋めるだけ。

CSS

/* タグクラウド */

.module-tagcloud .module-content { font-size: 100%;text-align: left; font-family: Arial, Helvetica, sans-serif;}
.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: 150%; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 130%; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 120%; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 100%; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 90%; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 80%; }

XHTML

<!-- タグクラウド -->

<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$>">
<em>
<a xhref="<$MTTagSearchLink$>"><$MTTagName$></a>
</em>
</li>
</MTTags>
</ul>
</div>
</div>

<!-- タグクラウド 終了 -->

４．完成

登録数の多いタグが大きな文字になる。
関心のある情報の投稿が多いから、今後はMT3.3やWordPress、Web2.0が大きくなっていくと思う。

５．終わりに

1. タグの増やしすぎに注意
2. タグは日本語で記述したほうがよい。
   
3. タグとカテゴリーとキーワードは使い分けること
   

余り増やすと、収集がつかなくなるので、ご利用は計画的に…(笑)

参考になれば幸い。

参考にしたサイト

小粋空間: Movable Type 3.3 エントリー・タグ詳説
http://www.koikikukan.com/archives/2006/06/29-093858.php
シックスアパート・Movable Type 3.3のオンラインマニュアル
http://www.sixapart.jp/movabletype/manual/3.3/

投稿者: Dakiny 日時: 2006年9月23日 09:16 |    |   |    |   |  パーマリンク