[7B2主题美化]WordPress 彩色标签设置图文教程

 

这篇教程将详细讲解如何在 WordPress 中设置彩色标签云,为你的网站标签增加多彩的视觉效果。通过简单的步骤,你可以轻松定制标签云的颜色样式,让网站更加美观、个性化,提升用户体验。适合想要增强 WordPress 网站视觉吸引力的站长朋友。

默认样式:

[7B2主题美化]WordPress 彩色标签设置图文教程

修改后样式:

[7B2主题美化]WordPress 彩色标签设置图文教程

修改方法

//WordPress圆角彩色背景标签云 
function colorCloud($text) {
$text = preg_replace_callback('||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: 4px 10px; margin: 0 3px 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 "";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);
  //WordPress圆角彩色背景标签云--结束

 

这个方法可能也适用于其他WordPress主题!

重要提示

如有解压密码: 看下载页、看下载页、看下载页。
源码工具资源类具有可复制性: 建议具有一定思考和动手能力的用户购买。
请谨慎考虑: 小白用户和缺乏思考动手能力者不建议赞助。
虚拟商品购买须知: 虚拟类商品,一经购买打赏赞助,不支持退款。请谅解,谢谢合作!

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容