看见市面上很多人写了子比（Zibll）的独立会员 VIP 页面，不论是付费购买的还是免费开源的，我满怀期待地下载体验后，却发现一个极其致命的痛点：大多数居然都是直接在 HTML 里“写死”了会员选项和价格！ 这意味着什么？这意味着一旦你在子比后台调整了套餐价格、修改了促销标签，你还得苦哈哈地扒开 PHP 文件一行行找代码修改。更别提页面的介绍文案、特权对比，根本没有后台可以控制。

当时我就萌生了一个想法：能不能做一个真正“插件化”的独立 VIP 页面？ 它必须拥有完善的后台设置面板，所有的开通价格、套餐属性都必须实时拉取主题的底层设置，彻底拒绝硬编码！

于是，说干就干！这个插件诞生了。

在开发这个插件时，其实最费劲的地方根本不是获取数据——获取会员等级和原始价格很简单，直接写个底层探测器解析 _pz('vip_opt') 数组就能拿到全部套餐、原价和特惠标签。

这个很贴心的功能打磨了很久： 用户在我们的vip卡片上点击某个子套餐（比如“6个月 SVIP”），唤起子比的 AJAX 原生收银台，并且自动、精准地跳转选中对应的那个单选框。而不是默认都为第一个的价格卡片。

后台设置

抛弃繁琐的代码修改，我为它专门打造了一个极简、响应式的后台控制面板，包含四大核心 Tab 功能：

• ⚙️ 基础页面设置： 支持自定义页面伪静态路由（如 /vip）、专属的 SEO 浏览器标签页标题。还可以直接用取色器为 VIP1 和 VIP2 设置独立的动态卡片主题色和背景色，和顶部图片背景和文字（自带图片背景）

• ⚠ 购买公告提示： 支持添加顶部的购买公告，支持绿色/蓝色/红色/橙色的不同UI的提示。可以填写会员注意事项。

• 🎨 介绍卡片设置： 支持无限添加顶部的“核心亮点”卡片。自定义图标、标题、简述以及专属配色，前台自动以 Flexbox 弹性布局完美呈现。

• ⚖️ 特权对比明细： 告别手写表格！支持后台一条条添加特权名称，并用直观的复选框勾选“普通用户”、“VIP1”、“VIP2”是否拥有该权限，前台自动生成精美的对比表格。前台自动渲染好看的支持/不支持提示

• 🍃 会员口碑： 添加会员评价，增加用户可信度。大于三个之后是跑马灯样式，鼠标滑过停止。头像可上传。

• ❓ 常见问题 QA： 支持无限添加购买前常见问题。

前台模块

有了后台的强力支撑，前台呈现出的就是一个极其专业、沉浸式的购买转化页面：

• 🛒 智能动态套餐模块： 自动侦测您在子比后台设置的“月付/季付/年付/永久”等多维套餐。智能渲染划线原价、高亮特惠标签。不管单数或双数，基于 Flexbox 的引擎都会让它们极其优雅地自动居中自适应。
• ✨ 特权卡片与表格模块： 高颜值的顶部服务介绍卡片，外加精确控制列宽与动态标签渲染（智能识别“无优惠/X/没有”等各类负向词汇）的全方位特权对比表格，让用户购买欲望直接拉满。
• 📂 原生排他性手风琴 QA： 底部常见问题采用纯 HTML5 原生 <details> 标签的 name 属性打造排他性手风琴（点开一个自动收起其他）。零 JS 依赖，告别与主题冲突的烦恼，极致丝滑加载！
• 🌙 100% 完美适配暗黑模式： 整个页面拒绝死板的硬编码颜色，全盘接管 Zibll 的原生 CSS 环境变量，并专属重构了夜间透明度与字体高对比度渲染逻辑，彻底消灭文字发虚的死角。
• 🖼️ 全局原生图片接管： 前后台全场景打通 WordPress 原生媒体库上传机制，支持一键选择与上传图片，彻底告别繁琐的外链图床搬运。

更新日志

v2.7.6(20260325)

• 自动获取用户头像
• 自动获取VIP勋章logo
• 如果用户已开会员，进入页面后提示折扣优惠
• 其他bug修复

v2.7(20260317)

• 重构前台UI
• 其他bug修复

v2.5(20260310)

• 分离php，css，js
• 美化vip卡片，添加vip图标(引用子比内置图标)
• 美化顶部标题，内置封面+渐变背景
• 后台设置移动端自适应
• 其他bug修复

插件下载地址：

插件象征性收费，核心文件已简单加密，希望不要有人再改我版权传播，谢谢