« ブログ記事のキーワードと説明文の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 : [ 編集 ]

関連記事

エントリータグ