对我们的文章画龙点睛,如果让我们的标签云随机产生彩色效果,更是增加了不是个性化,我们现在抛弃插件,自己动手用代码来 DIY 自己的彩色标签云。
教程
放在你的子主题的 functions.php 代码末,路径:你的域名/wp-content/themes/ripro/functions.php
代码
这里只介绍最简单也最有效的一款代码,其他的也可以在网上搜索,还有很多的,放到子主题的 functions.php 的末尾处就可以了
/***圆角背景色标签 - ZTmbk.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);
全选代码
上一篇:
已经没有上一篇了!
常见问题
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
相关文章
猜你喜欢
- 如果WordPress搜索结果为空,自动跳转到网站首页 2024-02-01
- 浏览器缓存可以分为强缓存和协商缓存两种方式 2024-01-21
- 如何让WordPress支持上传WebP格式图片? 2024-01-20
- 利用WordPress设置API实现自定义设置页面。 2024-01-20
- WordPress api接口 版本历史 2024-01-20
- WordPress用户密码加密和验证的详细解释 2024-01-19
- WordPress禁用媒体附件页面教程 2024-01-19
- WordPress修改了文章的默认密码保护提示 2024-01-19
- WordPress配置(站群)多站点详细教程方法 2024-01-19
- WordPress如何用指定图片自动替换文章图片 2024-01-17
热门评论
看看咋样 111111111111111111111111111111111111111111111111111111111111
热门文章
添加RIPRO主题主页最新_热门_自由列表选项模块WordPress美化教程
2021-05-011,294- 2022-01-19649
- 2021-11-16450
- 2021-08-121,056
美化IPRO主题-美化首页底部的纯标题文章展示模块和网站统计模块
2021-08-251,135
热门标签
- APP下载界面源码网页预渲染Zero给网站头部加上节日背景代码教程微信端科技小时钟插件程序源码下载WordPress文章关键词自动获取抽奖奖品兑换商城网页html模板动感优雅图片素材网源码WordPress搬家后禁止将英文半角符号转换成全角符号瀑布流图片展示源码AI文章伪原创网站程序源码Sqlite基类苹果cms仿泡团影视网微型论坛插件系统CSCMS壁纸小程序源码拍摄相册图片网站模板电影影视源码建材招商网站整站源码全民挖宝全开源版仿奇闻网新闻模板农业木苗产品网站织梦模板解决获取Mnews话题评论员网址的问题影视网站源码导航网站WordPress主题模板区块链源代码香蕉视频影视源码短视频点赞系统自动挂机疯狂森林小程序网络模板源下载织梦机械制造类企业网站