󰅡收起

郑元水博客

记录自己的成长之路。微信/QQ:150505055

29
四月

实现wordpress彩色标签云的方法

作者: 郑元水
分类: Wordpress
发布时间: 2012-04-29 08:00

wordpress侧边的tag标签一直都是wordpress2.3+以后的内置功能,默认安装以后显示的是同一个颜色,知识标签的大小不一样,偶尔在一个wordpress博客中看到彩色的标签,觉得很好看,下面是实现wordpress彩色标签云的方法

在使用的主题下面找到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=8&largest=24&number=50′); ?>

即可,8 是最小的 tag 的字体大小(用的最少的 tag),24 是最大的(用的最多的 tag),50 是 tag 的数目,可以自行修改。

实现的效果图可以看泰安SEO博客右侧的tag标签效果,感觉不错吧。

另外。wordpress的标签还有一种好看的效果,是3D标签云效果,是需要wordpress插件来实现的,下载地址:http://wordpress.org/extend/plugins/wp-cumulus。具体设置方法可以百度搜索。

除了wordpress必备的几个插件外,建议不要使用太多的插件,wordpress插件过多容易给网站增加负担,wordpress彩色标签云是用代码来实现,不用任何插件。推荐使用。

本文出自 郑元水博客 ,转载时请注明出处及相应链接。

本文永久链接: http://www.zhengyuanshui.com/100.html

2条评论

  1. Pingback: 求教各位大神 这标签效果是如何实现的 - WordPress - 开发者

  2. Pingback: wp文章不显示标签?如何在首页做一个有颜色区分的标签框 - WordPress - 开发者

发表评论

电子邮件地址不会被公开。 必填项已用*标注

代码在页面底部,统计标识不会显示,但不影响统计效果