前言&教程：
首先找到 /wp-content/themes/zibll/inc/functions 目录下的 zib-posts-list.php 打开后如下图
搜索：“免费资源”，凡是改动代码请先自行备份！
![图片[1]-子比美化-修改免费/付费资源背景底色-阿呆日记](https://daixm.daixb.top/wp-content/uploads/2025/05/f377954c67bc1ad3566c8dbbd2ea108e-1024x465.png)
演示图
![图片[2]-子比美化-修改免费/付费资源背景底色-阿呆日记](https://daixm.daixb.top/wp-content/uploads/2025/05/3271a44831e391381db7532417b7d30c.png)
上图中改成你需要的颜色既可，下面奉上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 | 渐变黑色背景 |
喜欢就支持一下吧
![表情[xieyanxiao]-阿呆日记](https://daixm.daixb.top/wp-content/themes/zibll/img/smilies/xieyanxiao.gif)
![表情[weixiao]-阿呆日记](https://daixm.daixb.top/wp-content/themes/zibll/img/smilies/weixiao.gif)
![表情[wunai]-阿呆日记](https://daixm.daixb.top/wp-content/themes/zibll/img/smilies/wunai.gif)
暂无评论内容