« ブログ記事のキーワードと説明文のMETA要素追加 | メイン | Panoramio の写真の再審査が完了しました »
2009年4月21日
「タグクラウド」を設置しました[ Movable Type ]
私は、今まで「タグ」を使っていませんでしたが、今回、勉強がてら「タグクラウド」を設置してみました。このブログのトップページの右下です。まだ、数個のタグしか設定していないので、現時点ではクラウドならぬ箇条書き状態です。
【設置方法】
(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 : [ 編集 ]