web2.0的ラボTop » ホームページ管理 » Movabletype »
Movabletype3.3 タグクラウド

Posted at 06/09/28 Comment(0)» Trackback(0)»  Movabletype»

Movabletype3.3で編集できるようになったTagで、タグクラウドを実装してみました。

右のメニューにあるのが、タグクラウドです。
当サイトが扱っている話題が、なんとなくわかりませんか?

やり方は、pur*logさんを参考に。

<a class="tag level<$MTTagRank$>" href="<$MTTagSearchLink$>" title="<$MTTagName$>(<$MTTagCount$>)" rel="tag"><$MTTagName$></a>

のclass="tag level<$MTTagRank$>"で、タグのレベルによってスタイルシートを分けているんですね。

ちなみにウチの利用しているスタイルはこちら

/* Tag cloud */
ul li.tag {
margin-right: 5px;
display: inline;
list-style: none;
}

li.tag a.level1 {
font-size: 175%;
color: #000000;
font-weight:bold
}

li.tag a.level2 {
font-size: 160%;
color: #000000;
}

li.tag a.level3 {
font-size: 145%;
color: #555555;
}

li.tag a.level4 {
font-size: 135%;
color: #555555;
}

li.tag a.level5 {
font-size: 120%;
color: #555555;
}

li.tag a.level6 {
font-size: 110%;
color: #aaaaaa;
}

でも、タグを書き込むのってちょっと面倒。
chasenとか使って、形態要素分析で自動的にキーワードを分析してくれるやつとか無いのかな?

(現在はタグクラウドを使っていません 2006.12.31)



トラックバック
トラックバックURL:

※当サイトへのトラックバックは、当サイト内ページへのリンクがないと、受け付けない仕様になっています
コメントを投稿
上の情報を保存する場合はチェック

about me


そろそろ高校野球の地方予選が始まります。天気が良くなるといいですね。 1day ago

かん吉2.0
ウェブサイト作成・運営を生業としています
技術ネタを粛々と紹介してます

公開しているサービス

※日常のネタは親ブログのわかったブログ
運営ブログの新着記事を全て読めます

フィード
my bookstand
powerd by Amazon360
関連サイト: アフィリエイトゴールMovabletypeマニュアル?