TagCloudをPHPで出力する(JavaScriptを用いない方法)｜Materializing [マテリアライジング]

以前のエントリーで紹介したTagCloudは、
関連：Tag Cloudプラグインを利用する
Javascriptによる処理を行っており、その為、ScriptをOFFの場合は表示されなくなってしまいます。また、出現頻度による文字の大小表現も出来ません。これを、PHPとCSSを用いる事で、Scriptによる環境に左右されず、一定のアクセシビリティを保てるようにしてみます。

ページのPHP化を行っている事が前提です。PHP化については以下がとても丁寧だと思います。私は解説力がないのでリンクの紹介だけですいません。
■小粋空間: PHP化アーカイブ　[小粋空間]

ちなみに、私は行ったのは拡張子変更だけだったと思います。

TagCloud表示用コード

TagCloudとして表示させたい箇所に、以下のコードを記述します。

<ul class="tagcloud">
<?php
function calcFontSize($count) {
    $count_max = <MTTags lastn="1" sort_by="count" sort_order="descend"><$MTTagCount$></MTTags>;
    $count_min = <MTTags lastn="1" sort_by="count" sort_order="ascend"><$MTTagCount$></MTTags>;
    if($count_max == $count_min) {
        $norm_count = 0.5;
    } else {
        $norm_count = ($count - $count_min) / ($count_max - $count_min);
    }
    print 'count'.floor(20 * $norm_count);
}
function calcFontColor($date) {
    $class = '';
    $diff = (time() - strtotime($date)) / 86400;
    if($diff < 14) {
        $class = ' hot';
    } elseif($diff > 365) {
        $class = ' oldest';
    } elseif($diff > 60) {
        $class = ' old';
    }
    print $class;
}
?>
<MTTags>
<li title="<$MTTag$>:<$MTTagCount$>:<$MTTagDate format="%Y-%m-%d"$>">
<a class="<?php calcFontSize(<$MTTagCount$>); calcFontColor('<$MTTagDate format="%Y-%m-%d"$>'); ?>" href="<$MTCGIPath$>mt-xsearch.cgi?blog_id=<$MTBlogID$>&delimiter=,&search_key=Tagwire&search=<$MTTag encode_url="1"$>" title="<$MTTag$>:<$MTTagCount$>:<$MTTagDate format="%Y-%m-%d"$>">
<$MTTag$></a>
</li>
</MTTags>
</ul>

CSS追記

以下のコードをCSSファイルに追記します。

/* TagCloud PHP*/
ul.tagcloud {
	list-style: none;
}
ul.tagcloud li {
	display: inline;
}
ul.tagcloud li a {
	padding: 1px;
	color: #DDDDDD;
}
ul.tagcloud li a.hot { color: #FF9900; }
ul.tagcloud li a.old { color: #AAAAAA; }
ul.tagcloud li a.oldest { color: #777777; }
ul.tagcloud li a:hover {
	background: #EEEEEE;
	color: #CC0000;
}
ul.tagcloud li a.count0 { font-size: 12px; }
ul.tagcloud li a.count1 { font-size: 13px; }
ul.tagcloud li a.count2 { font-size: 14px; }
ul.tagcloud li a.count3 { font-size: 15px; }
ul.tagcloud li a.count4 { font-size: 16px; }
ul.tagcloud li a.count5 { font-size: 17px; }
ul.tagcloud li a.count6 { font-size: 18px; }
ul.tagcloud li a.count7 { font-size: 19px; }
ul.tagcloud li a.count8 { font-size: 20px; }
ul.tagcloud li a.count9 { font-size: 21px; }
ul.tagcloud li a.count10 { font-size: 22px; }
ul.tagcloud li a.count11 { font-size: 23px; }
ul.tagcloud li a.count12 { font-size: 24px; }
ul.tagcloud li a.count13 { font-size: 25px; }
ul.tagcloud li a.count14 { font-size: 26px; }
ul.tagcloud li a.count15 { font-size: 27px; }
ul.tagcloud li a.count16 { font-size: 28px; }
ul.tagcloud li a.count17 { font-size: 29px; }
ul.tagcloud li a.count18 { font-size: 30px; }
ul.tagcloud li a.count19 { font-size: 31px; }
ul.tagcloud li a.count20 { font-size: 32px; }

※文字サイズ・カラー等はサイトに合うように変更して下さい。

機能概要

出現頻度により文字サイズを21段階に変化
更新日14日以内→hot，60日以上経過→old，365日以上経過→oldestで色分け
onMouse時にタグ，出現数，最終更新日を表示

※onMouseに関しては、リストタグ部、キーワードのtitle属性両方に埋め込んであります。好みで削るなりして変更して下さい。

以上

[参考記事]
■nuishi.Pastorale: Tag Cloud with PHP & CSS
上記記事との相違点は、mod_rewriteを用いない点です。本当は同様にしたかったのですが、mod_rewriteがローカル上でうまく作用しなかった(良く判ってない)ので、キーワードのリンク先を変更して以前と同様に使えるようにしてあります。

[参考2]
■Project MultiBurst: TagwireとPHPで高速な[Tag Cloud] ver 1.00
■TagCloudをJavaScriptでパワーアップ - Open MagicVox.net　[Open MagicVox.net]

2006/11/03 10:50:54：記事書き直し