觅站网

【Ripro美化】圆角标签云彩色背景效果纯代码实现

作者: 觅站网 发布时间: 2020-07-15 166 人阅读
  • MBXZBHH16721 到期时间:2022年10月07日
  • MBXZBHH16721 到期时间:2022年10月07日
  • ying 到期时间:6.17-Y2TG6
  • ying 到期时间:6.17-Y2TG6
  • 1030
  • 标签

     对我们的文章画龙点睛,如果让我们的标签云随机产生彩色效果,更是增加了性化,我们现在抛弃插件,自己动手用代码来DIY自己的彩色标签云。

    教程

    放在你的子主题的functions.php代码末,路径:你的域名/wp-content/themes/ripro/functions.php

    代码

    这里只介绍最简单也最有效的一款代码,其他的也可以在网上搜索,还有很多的,放到子主题的functions.php的末尾处就可以了

    /***圆角背景色标签 - mobanxi.com***/
    function colorCloud($text) { 
    $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text); 
    return $text; 
    } 
    function colorCloudCallback($matches) { 
    $text = $matches[1]; 
    $colors = array('48D1CC','a26ff9','fb7da9','666','19B5FE','ff5e5c','ffbb50','1ac756'); 
    $color=$colors[dechex(rand(0,7))]; 
    $pattern = '/style=(\'|\")(.*)(\'|\")/i'; 
    $text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 6px 6px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 5px; -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);
    

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,请不要用于商业用途!
    3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,默认解压密码为"mobanxi.com",如遇到无法解压的请联系管理员!
    8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
    声明如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性

    模板系 » 【Ripro美化】圆角标签云彩色背景效果纯代码实现

    发表回复

    建站!你有充足的理由选择我们

    模板系,累计帮助10000+用户成功建站,为草根创业提供助力!
    • 高端专业开发团队

      10年WordPress主题博客和企业建站开发经验,提供最专业主题设计与开发

    • 独一无二视觉冲击

      增强用户体验、提高品牌形象给人留下深刻的印象,每款主题都有自己的灵魂

    • 完善兼容各种设备

      每款主题都提供完善的响应式布局,优化PC、Pad和各种手机端用户体验

    • 免费靠谱售后服务

      免费在线工单或QQ售后,解决主题使用的各种疑惑,你只需用心做站

    • 329会员总数(位)
    • 377资源总数(个)
    • 0本周发布(个)
    • 百度收录
    • 1702稳定运行(天)

    加入VIP免费获取全站资源

    立即查看 了解详情