欢迎光临
我们一直在努力

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

标签云 对我们的文章画龙点睛,如果让我们的标签云随机产生彩色效果,更是增加了个性化

B2标签云将以下代码均添加于子主题根目录下的functions.php中

[content_hide]

//彩色静态标签云 www.micnt.com
function colorCloud($text) {
  $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);
  $text=preg_replace('/<a /','<a ',$text);
  return $text;
}
function colorCloudCallback($matches) {
  $text = $matches[1];
  $a = array('8D7EEA','F99FB2','AEE05B','E8D368','F75D78','55DCAB','F75DB1','ABABAF','7EA8EA','F99','C9C','F96','6CC','6C9','37A7FF','B0D686','E6CC6E');
  $co = array_rand($a,2);
  $color = $a[$co[0]];
  $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);
  return "<a $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

[/content_hide]

赞(0) 打赏
未经允许不得转载:秀主题 » WordPress无插件实现主题彩色标签云的方法

评论 抢沙发

评论前必须登录!

 

themebetter 更好的WordPress主题

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册