WordPress无插件实现彩色标签云的方法

一、WordPress标签文字彩色

1.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));作用是定义标签随机颜色的十进制数值范围,0 等于 #000000,16777215 等于 #ffffff,你也可以重定义标签云显示的颜色范围,只要查找出相应颜色的十六进制转换为相应的十进制就可以了。

1.2、标签云小工具参数设置

//custom widget tag cloud
add_filter( 'widget_tag_cloud_args', 'theme_tag_cloud_args' );
function theme_tag_cloud_args( $args ){
    $newargs = array(
        'smallest'    => 8,  //最小字号
        'largest'     => 22, //最大字号
        'unit'        => 'pt',   //字号单位，可以是pt、px、em或%
        'number'      => 45,     //显示个数
        'format'      => 'flat',//列表格式，可以是flat、list或array
        'separator'   => "\n",   //分隔每一项的分隔符
        'orderby'     => 'name',//排序字段，可以是name或count
        'order'       => 'ASC', //升序或降序，ASC或DESC
        'exclude'     => null,   //结果中排除某些标签
        'include'     => null,  //结果中只包含这些标签
        'link'        => 'view', //taxonomy链接，view或edit
        'taxonomy'    => 'post_tag', //调用哪些分类法作为标签云
    );
    $return = array_merge( $args, $newargs);
    return $return;
}

上诉代码中的数组可适当取舍，如果要采用默认的参数，就可以将相关自定义的参数（数组）删除。
默认参数解析：
smallest：标签文字最小字号，默认为8pt；
largest：标签文字最大字号，默认为22pt；
unit：标签文字字号的单位，默认为pt，可以为px、em、pt、百分比等；
number：调用的标签数量，默认为45个，设置为“0”则调用所有标签；
format：调用标签的格式，可选“flat”、“list”和“array”，默认为“flat”平铺，“list”为列表方式；
orderby：调用标签的排序，默认为“name”按名称排序，“count”则按关联的文章数量排列；
order：排序方式，默认为“ASC”按正序，“DESC”按倒序，“RAND”按任意顺序。
exclude：排除部分标签，输入标签ID，并以逗号分隔，如“exclude=1,3,5,7”不显示ID为1、3、5、7的标签；
include：包含标签，与exclude用法一样，作用相反，如“include=2,4,6,8”则只显示ID为2、4、6、8的标签。

1.3、标签云小工具调用

修改完成后,直接在仪表盘的”外观—>小工具”中把”标签云”小工具拖动到右侧小工具中就可以了。

二、WordPress标签背景彩色

2.1、在主题函数中插入代码（推荐）

在当前主题目录下面的functions.php里面加入以下代码：

//圆角背景色标签  
function colorCloud($text) {  
$text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);  
return $text;  
}  
function colorCloudCallback($matches) {  
$text = $matches[1];  
$colors = array('F99','C9C','F96','6CC','6C9','37A7FF','B0D686','E6CC6E');  
$color=$colors[dechex(rand(0,7))]; 
$pattern = '/style=(\'|\")(.*)(\'|\")/i';  
$text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 5px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 3px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;\"", $text);  
$pattern = '/style=(\'|\")(.*)(\'|\")/i';  
return "<a $text>";  
}  
add_filter('wp_tag_cloud', 'colorCloud', 1);

2.2、标签云小工具调用

修改完成后,直接在仪表盘的”外观—>小工具”中把”标签云”小工具拖动到右侧小工具中就可以了。