给wordpress添加彩色标签云,代码

wordpress网站做久了以后,标签tag也会积累得越来越多,为了方便统计和浏览,我们可以给tag加上标签云,在前台显示出来,今天西瓜君就带大家一起来看看吧。

1、调用标签云

我们可以用wp_tag_cloud()这个wordpress的默认函数来调用标签云,下面的代码可以实现:

<?php   wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>

 参数解释

smallest表示标签的最小字号

largest表示最大字号

unit=px表示字体使用像素单位

number=0表示显示所有标签,如果为40,表示显示40个

orderby=count表示按照标签所关联的文章数来排列

order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)

更多 wp_tag_cloud() 参数,请参考 WordPress文档 wp tag cloud

2、给tag加上颜色

我们通过上面的代码,已经可以调用表群晕了,然后我们再把下面的代码放进主题的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);

3、在侧边栏调用标签云

你可以用下面的函数来调用标签云,但是具体怎么修改,只能自己研究了,因为wordpress每个主题都不一样:

<?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?>

国内大部分主题都是支持边栏小工具的,你可以先看看小工具里有没有彩色标签云,如果有的话,你可以忽略上面所有步骤,直接添加就好。

发表评论