事实上，注：修改前一定要先备份

子比主题文章页面标签美化：

1、“免费资源”增加炫彩背景。事实上，

2、增加SVIP=0时，自动添加“SVIP专属免费”标签。

“免费资源”标签美化

修改后如图，上图那个原代码找不着了，用下面这个将就将就吧。需要注意的是，

添加CSS代码：子比主题设置–>>自定义代码–>>自定义 CSS 样式

/* 免费资源标签 */
.meta-pay.but.jb-yellow{
display:inline-block;
padding:4px 12px;
font-size:12px;
font-weight:600;
color:#fff !important;
border-radius:999px;
line-height:1.2;
white-space:nowrap;
position:relative;
overflow:hidden;

/* 🌈 柔和渐变（粉→蓝→青） */
background: linear-gradient(
135deg,
#ff9ecb 0%,
#ffc3a0 25%,
#a18fff 50%,
#7fdfff 75%,
#6fffd2 100%
);

/* 🌫 半透明玻璃感 */
backdrop-filter: blur(6px);

/* ✨ 柔光阴影 */
box-shadow:
0 2px 8px rgba(160,120,255,.25),
0 0 12px rgba(120,200,255,.15);

transition: all .25s ease;
}

/* 🌟 流光扫过效果 */
.meta-pay.but.jb-yellow::before{
content:;
position:absolute;
top:0;
left:-60%;
width:60%;
height:100%;
background: linear-gradient(
to right,
transparent,
rgba(255,255,255,.5),
transparent
);
transform: skewX(-20deg);
animation: freeTagLight 2.8s linear infinite;
}

/* ✨ 悬浮微动 */
.meta-pay.but.jb-yellow:hover{
transform: translateY(-1px) scale(1.03);
box-shadow:
0 4px 14px rgba(160,120,255,.35),
0 0 18px rgba(120,200,255,.25);
}

/* 动画 */
@keyframes freeTagLight{
0%{ left:-60%; }
100%{ left:120%; }
}

“SVIP专属免费”标签美化

需要修改php 添加CSS才能实现，修改php用于判断价格 自动添加标签，CSS仅美化标签。

1、找到：域名根目录->>wp-content->>thems->>zibll->>inc->>zib-posts-list.php

搜索：获取文章列表中的付费价格，将整段代码替换为下面这段代码：

function zib_get_posts_list_pay_tags()
{
= get_post_meta(->ID, ‘posts_zibpay’, true);
= get_permalink();
= ”;

if (!empty([‘pay_type’])