今日の学習：MT3.3、とても簡単なタグクラウドの設定
2006年9月23日 09:16
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が大きくなっていくと思う。
５．終わりに
- タグの増やしすぎに注意
- タグは日本語で記述したほうがよい。
- タグとカテゴリーとキーワードは使い分けること
余り増やすと、収集がつかなくなるので、ご利用は計画的に…(笑)
参考になれば幸い。
参考にしたサイト
小粋空間: 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 | 
| 
