为大家分享一个通过修改主题CSS文件来设置标签为随机颜色的方法。
一、修改main.css
我们首先要到主题找到全局调用的.CSS文件,一般是main.css文件,也有的是style.css文件,但一般是在“css”文件夹中。
/**标签随机颜色**
.article-categories { margin-bottom: 10px
}
.article-categories a { padding: 4px 10px; background-color: #19B5FE; color: white; font-size: 12px; line-height: 16px; font-weight: 400; margin: 0 5px 5px 0; border-radius: 2px; display: inline-block
}
.article-categories a:nth-child(5n) { background-color: #4A4A4A; color: #FFF
}
.article-categories a:nth-child(5n+1) { background-color: #ff5e5c; color: #FFF
}
.article-categories a:nth-child(5n+2) { background-color: #ffbb50; color: #FFF
}
.article-categories a:nth-child(5n+3) { background-color: #1ac756; color: #FFF
}
.article-categories a:nth-child(5n+4) { background-color: #19B5FE; color: #FFF
}
.article-categories a:hover { background-color: #1B1B1B; color: #FFF
}
.article-title { position: relative; margin-bottom: 15px; font-size: 26px; line-height: 1.3; display: block; font-weight: 400; margin: 0 0 35px; padding: 0 0 30px; border-bottom: 1px solid #e7e7e7; color: #FFF
}
二、修改single.php
这一步是修改标签输出的位置,一般我们在主题文件中找到“single.php”进行修改即可。
找到下方代码
<div class="article-tags"><?php the_tags('标签:','',''); ?></div>
把上面的代码 替换成下面的代码
<div class="article-categories"><?php the_tags('标签:','',''); ?></div>
声明:
芒果源码,一个精品商业网站源码分享平台 WWW.OKMG.CN
请务必线上支付,通过线下支付的出现任何问题平台均不担保! 1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 如发现会员恶意下载,传播,或用于违法用途,本站有权封禁账号,并积极配合有关部门调查
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源(除商业源码分类),都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价和会员费只是赞助,收取费用仅维持本站的日常运营所需!
8. 如遇到加密压缩包,默认解压密码为"www.okmg.cn",如遇到无法解压的请联系管理员!
9.本站客服QQ:29139260
10.如您发现本站分享的源码,侵犯了您的权益,请联系:29139260#qq.com #换成@
芒果源码,一个精品商业网站源码分享平台 WWW.OKMG.CN
请务必线上支付,通过线下支付的出现任何问题平台均不担保! 1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 如发现会员恶意下载,传播,或用于违法用途,本站有权封禁账号,并积极配合有关部门调查
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源(除商业源码分类),都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价和会员费只是赞助,收取费用仅维持本站的日常运营所需!
8. 如遇到加密压缩包,默认解压密码为"www.okmg.cn",如遇到无法解压的请联系管理员!
9.本站客服QQ:29139260
10.如您发现本站分享的源码,侵犯了您的权益,请联系:29139260#qq.com #换成@
怎么给自己网站添加上打赏、点赞、微海报和分享按钮
上一篇
2020-01-30
WordPress纯代码生成 网站地图 sitemap.xml
2020-01-30
下一篇
请务必线上支付,通过线下支付的出现任何问题平台均不担保!