子比主题美化-文章列表页免费和付费资源标签图标背景颜色教程

温馨提示:本文最后更新于2023-12-30 11:35:49,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

你有没有浏览子比主题文章列表页因为免费和付费图标内容标签背景色是一样的,有时候分不清楚文章是免费内容还是付费内容而烦恼?今天小小改动代码就可一目了然!

效果演示:

图片[1]-子比主题美化-文章列表页免费和付费资源标签图标背景颜色教程

我这里免费资源改为渐变金色,jb-vip1

图片[2]-子比主题美化-文章列表页免费和付费资源标签图标背景颜色教程

我这里付费资源改为红色,jb-red

代码路径:

首先找到 /wp-content/themes/zibll/inc/functions 目录下的 zib-posts-list.php 打开后如下图

搜索:“免费资源”,凡是改动代码请先自行备份!备份!备份!

图片[3]-子比主题美化-文章列表页免费和付费资源标签图标背景颜色教程

上图中改成你需要的颜色既可,下面奉上class列表供大家参考。

代码说明:

第一处为“免费资源”背景颜色
第二处为“积分付费”背景颜色
第三处为“¥付费资源”背景颜色

class列表:

class 样式 class 样式 class 样式
c-red 红色文字 b-theme 主题背景色 jb-red 渐变红色背景
c-yellow 橙色文字 b-red 红色背景 jb-yellow 渐变橙色背景
c-blue 蓝色文字 b-yellow 橙色背景 jb-blue 渐变蓝色背景
c-blue-2 深蓝色文字 b-blue 蓝色背景 jb-green 渐变绿色背景
c-green 绿色文字 b-green 深蓝色背景 jb-purple 渐变紫色背景
c-purple 紫色文字 b-purple 紫色背景 jb-vip1 渐变金色背景
        jb-vip2 渐变黑色背景
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

------关注微信公众号:胖大海TuT------
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容