一般的WordPress主题自带的标签要么就是纯色,要么就是和主题一个颜色,那么我们怎么办标签改成多样化的颜色呢?比如随机主题标签的颜色。效果图如下,这篇文章的标签比较多,颜色都是随机的,看上去多样化。
操作步骤:
- 找到你主题全局调用的.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的文件,查找tags,可以看到有一串以div开头的代码如下:
<div class="article-tags"><?php the_tags('标签:','',''); ?></div>
将它修改为下面的代码即可:
<div class="article-categories"><?php the_tags('标签:','',''); ?></div>
特别注意:请大家根据自己的主题修改,css代码是通用的,就是修改个id即可,只要你找到了主题对于的id名即可直接修改。
© 版权声明
这些信息可能会帮助到你: 下载帮助 | 免责说明 | 进站必看 | 广告投放
版权声明:本文采用知识共享 署名4.0国际许可协议 BY-NC-SA 4.0 进行授权文章名称:《WordPress修改文章标签为随机颜色》
文章链接:https://www.jsksky.com/wordpress-changes-the-article-label-to-random-color.html
免责声明:根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24个小时之内从您的电脑中彻底删除上述内容,否则后果均由用户承担责任;如果您访问和下载此文件,表示您同意只将此文件用于参考、学习而非其他用途,否则一切后果请您自行承担,如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
本站为个人博客非盈利性站点,所有软件信息均来自网络,所有资源仅供学习参考研究目的,并不贩卖软件,不存在任何商业目的及用途,部分软件收费或网站会员捐赠是您喜欢本站而产生的赞助支持行为,仅为维持服务器的开支与维护,全凭自愿无任何强求。
THE END
请登录后发表评论
注册
社交帐号登录