欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络杂谈

WordPress无插件实现彩色标签云效果

程序员文章站 2021-12-12 21:45:04
...

WordPress制作博客确实很不错,功能强大,省时省心。Wordpress到了2.3以上版本后就自带有标签云功能了,但是默认的标签云只有大小不一,却没有彩色的标签云效果。看到别人的博客实现了这种彩色的标签云效果,总想给自己的博客也加点颜色。从网上搜的无插件实现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);

给标签云添加了过滤器后,就可以直接去看看小工具的效果,也可以不用小工具,而用代码调用标签云,在侧边栏位置加上下面的代码就行了。

<?php  //smllest为最小字体 largest为最大字体 number为标签数  wp_tag_cloud('smallest=8&largest=24&number=50');?>

以上功能实现方法不是原创的,觉得还可以就转过来了,原文网址:http://www.kutailang.com/wordpress/426.html。感兴趣的朋友可以去原网站看看咯。