●タグクラウド機能 Movable Type3.3
Movable Typeも4.0になりそうなのに、今さらながら3.3のタグクラウド機能を設定してみた。
タグクラウドとは、各エントリーに付けられたタグを雲のかたまりのように一覧表示すること。
同じタグが多いとフォントサイズも大きくして表示している。
タグはカテゴリーと概念が似ている。
使い方としては、サイトの大まかなジャンル分けがカテゴリー。
タグは各カテゴリーやエントリーの詳細キーワード。
1つのエントリーに複数付けられ、全てのエントリーを横断的に付与できるので便利。
一言でいうとメタデータ。
自分は、カテゴリーは英語、タグは基本日本語にしている。
SEO的効果もあり。
タグに関しては、サイト全体をもう少し整理する予定。
以下、設定例。
行動するまでが面倒臭いが、やってみれば簡単なのですぐ出来る。
■メインページ(index.html)
・左カラム用（タグクラウド表示）
<!-- タグクラウド開始 -->
<div class="sidetitle">
Tag Clouds
</div>
<div class="side">
<ul id="tags">
<MTTags>
<li class="module-list-item taglevel<$MTTagRank$>">
<a href="<$MTTagSearchLink$>"><$MTTagName$></a>
</li>
</MTTags>
</ul>
</div>
<!-- タグクラウド終了 -->
・中央カラム用（各エントリーの本文の最後にタグ表示）
<!-- タグ -->
<MTEntryIfTagged>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<MTEntryTags>
<li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li>
</MTEntryTags>
</ul>
</div>
</MTEntryIfTagged>
■スタイルシート(styles-site.css)
/* タグ */
.entry-tags-header,
.entry-tags-list,
.entry-tag {
display: inline;
font-size: 12px;
}
.entry-tags-list {
list-style:none;
padding-left: 5px;
}