玩WordPress » 技巧方法 » 2008 » 12 » 19 » 制作五彩缤纷的标签云图

制作五彩缤纷的标签云图

制作五彩缤纷的标签云图1WordPress 2.7的后台UI改变很大,对比以前的版本,美感加强了很多。
左图中的以颜色标出各留言类型的数量,就是其中的一个细节。
这个改动不但加强了美感,也使它们更加地醒目。

我是十分喜欢这个颜色的分类,于是有了将标签云图变得更加多彩的想法:
制作五彩缤纷的标签云图2
在Nofollow Tags的制作中,我发现标签云图的改动是极其的方便的,于是很容易就得到了制作五彩缤纷的标签的函数
只有保存到主题的functions.php中即可使用:

//制作五彩缤纷的标签云
function colorCloud($text) {
    $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
    return $text;
}
function colorCloudCallback($matches) {
    $text = $matches[1];
    $color = dechex(rand(0,16777215));
    $pattern = '/style=(\'|\")(.*)(\'|\")/i';
    $text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
    return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

示例,看右边的侧边栏。

UPDATE:当然,你也可以装上color-cloud插件来实现这个效果。

52 Responses to “制作五彩缤纷的标签云图”