« ブログ記事のキーワードと説明文のMETA要素追加 | メイン | Panoramio の写真の再審査が完了しました »

2009年4月21日

「タグクラウド」を設置しました[ Movable Type ]

私は、今まで「タグ」を使っていませんでしたが、今回、勉強がてら「タグクラウド」を設置してみました。このブログのトップページの右下です。まだ、数個のタグしか設定していないので、現時点ではクラウドならぬ箇条書き状態です。

Ci090421210251.jpg

【設置方法】
(1)メインページのテンプレートに以下のコードを追加します。

<div class="sidetitle">
タグクラウド
</div>
<div class="module-tagcloud module">
<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>


(2)スタイルシートに以下のコードを追加します。

.module-tagcloud .module-content {text-align: left; }
.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; }


【参考にさせて頂いた記事】
MovableTypeにタグクラウド(SEO対策済み)を設置する
MovableType:タグクラウド(タグ一覧)コーディング例 (eCREOLAB)

投稿者 hnakamur : 2009年4月21日 21:00 : [ 編集 ]

関連記事

エントリータグ

トラックバック(0)

このブログ記事を参照しているブログ一覧: 「タグクラウド」を設置しました

このブログ記事に対するトラックバックURL: http://nakamura-hiroshi.com/mt/mt-tb.cgi/7822

コメントする