Hatena::ブログ(Diary)

はてなダイアリー日記 このページをアンテナに追加 RSSフィード

使い方に関するご質問、不具合報告やご要望は、お問い合わせ窓口で承ります。
使い方のコツなどを知りたい時は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※コメント欄へのご質問には対応できない場合がございますのでご了承ください。

2005/11/22

キーワードクラウドページ、keywordcloudモジュールを追加しました

13:22

最近言及したキーワードはてなブックマークなどのタグ一覧のようにクラウド(雲)状に見る事のできるキーワードクラウドページ、およびkeywordcloudモジュール機能を追加しました。idea:2576でご提案いただいたアイデアをもとに実装致しました。ご要望いただきありがとうございました。

キーワードクラウドページ

キーワードクラウドページは、最近14日間に使用したキーワードを表示します。スタイルシートに指定がある場合、使用頻度が多い順にキーワードが大きくなります。


http://d.hatena.ne.jp/ユーザー名/keywordcloud


からアクセスできます。


http://d.hatena.ne.jp/hatenadiary/keywordcloud

keywordcloudモジュール

keywordcloudは、最近7日間に言及したキーワードサイドバーなどに表示することができます。

<hatena name="keywordcloud" template="hatena-module">

と記述すると、

のように、最近言及したキーワードが20件表示されます。モジュールタイトルクリックすることで、その人のキーワードクラウドページへ移動します。こちらもスタイルシートに指定がある場合、使用頻度が多い順にキーワードが大きくなります。


keywordcloudモジュールで使用できる属性は以下の通りです。

  • moduletitle
  • template
  • listlimit

スタイルシートについて

はてなが提供しているテーマテーマ名に先頭にHatenaがつくテーマ)では、クラウド状の表示に対応しておりますが、それ以外のテーマでは、詳細デザイン設定から「スタイルシート」欄に以下のような設定を追加していただく必要があります。

ul.keywordcloud {
  margin: 10px;
  padding: 0;
}

ul.keywordcloud li {
  font-size:90%;
  display: inline;
}

a.keywordcloud0 { font-size: 80%; }
a.keywordcloud1 { font-size: 100%; }
a.keywordcloud2 { font-size: 120%; }
a.keywordcloud3 { font-size: 140%; }
a.keywordcloud4 { font-size: 160%; }
a.keywordcloud5 { font-size: 180%; }
a.keywordcloud6 { font-size: 200%; }
a.keywordcloud7 { font-size: 220%; }
a.keywordcloud8 { font-size: 240%; }
a.keywordcloud9 { font-size: 260%; }
a.keywordcloud10 { font-size: 280%; }
a.keywordcloud0, a.keywordcloud1, a.keywordcloud2, a.keywordcloud3, a.keywordcloud4, a.keywordcloud5, a.keywordcloud6, a.keywordcloud7, a.keywordcloud8, a.keywordcloud9, a.keywordcloud10 {
  text-decoration: none;
}