wordpress云标签美化-彩色标签云

关于wordpress自带的标签云小工具,可以让我们在适当的页面位置展示我们添加的标签,但默认的标签样式有点难看,我们就在这次的wordpress美化教程中来美化以下吧。

效果图如下

wordpress云标签美化-彩色标签云

以下代码均添加于主题根目录下的functions.php文件<?php底部

//WordPress圆角彩色背景标签云
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);

 

© 版权声明
THE END
喜欢本篇文章就点赞支持一下吧,你的支持是对我最大的鼓励。
点赞0 分享
评论区 抢沙发
头像
欢迎留言讨论,请不要回复纯数字或者纯字母,回复垃圾内容的,后台会自动封锁iP处理 ===============禁止讨论关于政治,宗教,颜色,敏感等话题===================
提交
头像

昵称

取消
昵称

    暂无评论内容