「タグクラウド」を設置しました

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

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)

この記事について

このページは、ひろしが2009年4月21日 21:00に書いた記事です。

ひとつ前の記事は「ブログ記事のキーワードと説明文のMETA要素追加」です。

次の記事は「Panoramio の写真の再審査が完了しました」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

月別 アーカイブ

ウェブページ

Powered by Movable Type 7.3