タグクラウド風のカテゴリ表示

タグクラウド(tag cloud)
tag cloud。SBMのようなタグを利用するウェブサイトで、多くのタグを集めて表示したもの。またそのような情報の表示方法。クラウドは「雲」や「群れ」の意味。

最初にタグクラウドを利用したウェブサイトはウェブアルバムサービスのFlickrであると言う(Flickrの人気タグページ)。それと同様に人気や利用頻度の高いタグが大きな文字で強調される表示方法がとられる場合が多い。

これも最近よく見かけるような気がします。流行には乗ってみるタイプです。みんなやってるとやりたくなるんです。
でも私はブログにタグ付けをしてないので・・・と思っていたらカテゴリをタグクラウド風に表示するプラグインを見つけました。ダウンロードはここからCategory Cloud WordPress Plugin

zipファイルをダウンロードしていつものようにpluginを有効化。表示させたい箇所に以下のコードを追記してください。
<?php category_cloud(); ?>
()内に変数を指定することでカスタマイズできます。

  • $minfont – 最小文字サイズ(デフォルトは9)
  • $maxfont – 最大文字サイズ(デフォルトは18)
  • $fontunit – フォントサイズの単位(デフォルトはpt)
  • $category_ids_to_exclude – 表示しないカテゴリID(デフォルトはなし。カンマ区切りで複数指定OK)
  • $color_min – 色指定(いじらないほうがいいかも)
  • $color_max – 色指定(いじらないほうがいいかも)

例えば、最大フォント15pt、最小フォント6ptでID3と5を表示したくないときの指定は
<?php category_cloud($minfont = 6, $maxfont = 15,$category_ids_to_exclude='3,5'); ?>

調べてみたら他にも同じようなプラグインがあるらしいです。
hitormiss.org: Weighted Categories
WordPress Heat Map plugin

参考サイト:カテゴリを Tag Cloud 風に表示するプラグイン

以下覚書。いつかブログにタグ付けをしたときのために・・・。

TagClick: ブログにタグ検索をプラス


念のため表示確認してみたらIEとfirefoxで表示が異なりました。

何でだろうと思って中身を見てみたら:before :afterという擬似要素が書いてありました。
普段IEを使っているとIE未対応のCSSの存在を忘れがちです。こんな擬似要素あったんだぁ~。
それぞれ要素の直前、直後に、生成内容を挿入することができるらしいです。

Trackback URI: http://blog.ochanocosaisai.com/wp-trackback.php?p=75

気軽に記事を評価してみて下さい。
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

コメントする

RSS feed for comments on this post · TrackBack URI · add to hatena hatena.comment 0 user add to del.icio.us 0 user add to livedoor.clip 0 user