一段代码实现WordPress彩色标签云 - 陌路人博客

一段代码实现WordPress彩色标签云-陌路人博客-第1张图片陌路人

陌路人博客(blog.imlr.cn)
用心传递快乐,初心不变。

一段代码实现WordPress彩色标签云

代码实现WordPress彩色标签云的最简单的方法!是不是觉得自己的wp博客的标签云很难看呢?全是一个黑色概括全部!那么今天我就给大家分享一段直接可以使这个wp标签云变成彩色的!

教程开始:把这段代码直接粘贴到我们wordpress模板里面的 fucations.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 等于#000,16777215 等于#fff。你可以使用进制换算工具换算后修改这行代码,改变颜色范围。

附录:10进制颜色代码

白色:16777215 红色:16711680 绿色:65280 蓝色:255 牡丹红:16711935  

青色:65535 黄色:16776960 黑色:0 海蓝:7396243 巧克力色:6042391

蓝紫色:10444703 黄铜色:11904578 亮金色:14276889 棕色:10911037 青铜色:9205843

深棕:6045747 深绿:3100463 深铜绿色:4879982 深橄榄绿:5197615深兰花色:10040013

深紫色:8855416 深石板蓝:7021454 深铅灰色:3100495 深棕褐色:9922895 深绿松石色:7377883

暗木色:8740418 淡灰色:5526612 土灰玫瑰红色:8741731 长石色:13734517 火砖色:9315107  

森林绿:2330147 金色:13467442 鲜黄色:14408560 灰色:12632256 铜绿色:5406582

青黄色:9689968 猎人绿:2186785 印度红:5123887 土黄色:10461023 浅蓝色:12638681

浅灰色:11053224 浅钢蓝色:9408445 浅木色:15319718 石灰绿色:3329330 桔黄色:14972979

褐红色:9315179 中海蓝色:3329433 中蓝色:3289805 中森林绿:7048739 中鲜黄色:15395502

 中兰花色:9662683 中海绿色:4353858 中石板蓝色:8323327 中春绿色:8388352 中绿松石色:7396315

中紫红色:14381203 中木色:10911844 深藏青色:3092303 海军蓝:2302862 霓虹蓝:5066239

霓虹粉红:16740039 新深藏青色:156 新棕褐色:15452062 暗金黄色:13612347 橙色:16744192

橙红色:16720896 淡紫色:14381275 浅绿色:9419919 粉红色:12357519 李子色:15379946  

石英色:14277107 艳蓝色:5855659 鲑鱼色:7291458 猩红色:12326679 海绿色:2330216

半甜巧克力色:7029286 赭色:9333539 银色:15132922 天蓝:3316172 石板蓝:32767

艳粉红色:16719022 春绿色:65407 钢蓝色:2321294 亮天蓝色:3715294 棕褐色:14390128

紫红色:14204888 石板蓝色:11397866 浓深棕色:6045747 淡浅灰色:13487565 紫罗兰色:5189455  

紫罗兰红色:13382297 麦黄色:14211263 黄绿色:100792822


×

感谢您的支持,我们会一直保持!

一段代码实现WordPress彩色标签云-陌路人博客- 第3张图片
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:陌路人博客 » 一段代码实现WordPress彩色标签云
标签: 教程 代码

发表评论

表情

网友评论(0)