详情
评论
问答

子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」

前言

子比主题自带的打赏功能,本质上只是展示两张收款二维码(微信 + 支付宝),用户扫码转账后,作者是否真的收到、收到了多少,完全无法追踪。这种「信任式打赏」在用户体验和站点运营层面都存在明显短板。子比在线打赏插件(zibll-donation)正是为解决这一痛点而生 —— 它将静态二维码打赏无缝升级为在线支付打赏,支付成功后自动将金额转入作者账户,全程可追踪、可管理。

子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」
子比在线打赏插件 —— 让子比主题的打赏功能从「扫码转账」升级为「在线支付到账」

核心特性

1. 无缝替换,零感知升级

插件激活后,自动接管子比主题原有的打赏弹窗。用户在文章底部点击「赞赏」按钮时,不再弹出收款码,而是呈现一个全新的在线支付界面 —— 预设金额卡片、自定义金额输入、留言框、支付方式选择,一气呵成。整个过程复用子比主题原生的模态框机制和支付通道,无需额外配置支付接口。

2. 灵活的金额体系

  • 预设金额:后台可自定义多档金额(如 2、5、10、20、50、100 元),支持拖拽排序
  • 自定义金额:用户可手动输入任意金额,插件自动校验最小值与最大值
  • 默认选中:可设定默认选中的金额档位,降低用户操作成本

3. 两种收入模式,适配不同运营策略

模式说明适用场景
余额模式(默认)打赏金额直接加入作者的站内余额,可用于站内消费或提现简单直接,适合个人站或小型社区
创作分成模式打赏金额计入子比主题的「创作收入」体系,走提现审核流程适合需要财务管控的多作者平台

两种模式一键切换,后台实时生效。

4. 平台抽成机制

对于多作者运营的站点,插件内置了平台抽成功能:

  • 可设置 1%~100% 的抽成比例
  • 打赏弹窗中自动展示抽成提示,让打赏者知情
  • 作者收到的通知中清晰标注原始金额、抽成金额、实际到账金额
  • 确保作者至少获得 0.01 元(兜底保护)

5. 完整的通知体系

每一笔打赏成功后,插件会发送三条专属通知,替代子比主题的通用订单通知:

  • 作者通知:包含打赏金额、打赏者名称、来源文章、留言内容,以及收入去向说明
  • 打赏者通知:确认打赏成功,附带订单号、付款明细、作者信息
  • 管理员通知:新打赏提醒,附带今日/本月订单统计数据

通知同时支持站内消息和邮件推送(尊重子比主题后台的通知开关设置)。

6. 作者主页打赏按钮

除了文章页底部的打赏入口,插件还会在作者个人主页自动注入打赏按钮,让访客无需阅读文章也能直接打赏喜欢的创作者。按钮样式与子比主题原生风格完全一致,和谐融入页面。

7. 后台管理面板

插件提供基于 Vue 3 + Element Plus 构建的现代化后台管理界面:

  • 打赏设置:功能开关、金额配置、收入模式、抽成比例等一站式管理
  • 打赏记录:可搜索、可按日期/状态筛选的完整打赏流水,展示打赏者、被打赏作者、关联文章、金额、留言、支付方式等详细信息

8. 深色模式与响应式适配

插件样式完整适配子比主题的深色模式切换(通过 .dark-theme 类自动响应),同时针对移动端做了响应式布局优化,确保在手机上也有良好的打赏体验。

安全设计

  • 所有 AJAX 请求均验证 WordPress Nonce,防止 CSRF 攻击
  • 后台操作严格检查 manage_options 权限
  • 用户输入经过 sanitize_text_field / sanitize_textarea_field 消毒处理
  • 内置自我打赏拦截:无论是弹窗展示阶段还是订单提交阶段,都会阻止用户打赏自己
  • 支付成功回调中进行二次校验,确保数据一致性

版本兼容

插件同时兼容 子比主题 v8.1 和 v8.5+,自动检测主题版本并使用对应的订单数据处理方式:

  • v8.5+:使用 initiate_order_data_type_{type} 过滤器 + order_meta 表存储额外数据
  • v8.1:使用 initiate_order_data 过滤器 + other 字段存储额外数据

无需用户手动配置,即装即用。

环境要求

项目要求
WordPress5.0+
PHP7.2+
子比主题全版本(需开启支付功能)

写在最后

子比在线打赏插件的核心理念是:不重新造轮子,而是站在子比主题的肩膀上做增强。它复用主题原有的支付通道、模态框机制、消息系统和 UI 组件,只在「打赏」这一个场景上做深度优化,让每一笔打赏都有据可查、有迹可循。如果你正在运营一个基于子比主题的多作者内容平台,或者只是想让读者的打赏真正到达创作者手中 —— 这款插件值得一试。

下载链接

版本:v1.0.2123
123云盘:https://www.123865.com/s/YlMZVv-wOZd3

注意:本插件完全免费,禁止转售。若需二次开发,请联系作者获取授权。为防止部分用户篡改署名并倒卖插件,已对本插件进行简单加密,在此承诺无任何后门存在!无需担心!

温馨提示: 本文最后更新于2026-02-21 04:57:59,某些文章具有时效性,若有错误或已失效,请在下方留言或联系阿南吖博客
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
喜欢就支持一下吧!
点赞5赞赏
评论 抢沙发

请登录后发表评论

    暂无评论内容