タグクラウド機能 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;
}
コメントする
(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)