郭宇翔的博客
WordPress3.1实现五彩标签云
标签云(Tag Cloud)是自WordPress 2.3+ 以来的内置功能,一般直接调用函数 wp_tag_cloud 或者在 Widgets 里开启即可,但是默认的全部是一个颜色,只是大小不一样,很是不顺眼,虽然可以用插件实现各种效果,但是就觉得爽,所以我在Wordpress3.1下自己动手,参考之前的一下文章,自制五彩标签云。
后台编辑主题的 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);
可以看到,颜色是随机的,可以自行修改 $color = dechex(rand(0,16777215)); 这行来修改范围,这样就很炫耀哈哈。
然后在侧边栏 sidebar.php 里调用如下代码:
<?php wp_tag_cloud('smallest=9&largest=25&number=60'); ?>
即可,9 是最小的 tag 的字体大小(用的最少的 tag),25是最大的(用的最多的 tag),60 是 tag 的数目,可以自行修改。
当年今日
- CSS Hack 汇总速查 - 2010
| 打印文章 | 这篇文章由Yourtion于2011 年 04 月 28 日 下午 2:13发表在WordPress技术。你可以订阅RSS 2.0 也可以发表评论或引用到你的网站。 |



大约1年前
不错 支持一下
我的博客一直没开 tag_cloud 觉得模板不适合开
[回复]
Yourtion 回复:
四月 28th, 2011 at 下午 10:50
@TonyChin, 哈哈··以前都是用Flash做的那个3D标签云···现在没用就改个彩色的玩玩··拿来主义··分享一下···
[回复]
大约1年前
送个ip 支持一下,欢迎回访
[回复]
大约1年前
这样弄起来挺漂亮的,学习下
[回复]
大约10月前
那种带3D效果的更漂亮,但是这个对google百度比较好吧。
[回复]
Yourtion 回复:
七月 9th, 2011 at 上午 10:22
@高低压母线, 还好··主要是flash占用资源比较大
[回复]