日志标签：云标签

wordpress简单实现彩色云标签

时间：2011年06月17日作者：ronald查看次数:141 views评论次数：0

在网上看到很多的wordpress网站都用彩色云标签,看起来好看多了.效果就像本博客的云标签一样.
现在的颜色是随机的,当然有固定几个颜色的.但我觉得随机颜色效果就不错.本博客的主题直接修改就可以,不需要添加其它代码.

在主题目录下的 functions.php 文件下,添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13

//彩色标签云
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);

修改的图片,要放在结束标签符(?>)前面 前面:

就这么简单的几句就可以实现彩色云标签了.

标签：,,分类：wordpress, 网站建设