子比Zibll主题独立会员页面插件带后台设置+实时会员价格

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

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

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

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

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

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

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

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

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

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

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

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

前台模块

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

更多细节图

更新日志
v2.7.6(20260325)

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

重构前台UI
其他bug修复
v2.5(20260310)

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

!

也想出现在这里？ 联系我们吧

广告