把单调的子比下载页
改造成真正的资源中心
这次分享的不是简单换色，而是三套可以直接安装的独立下载页模板。它们保留子比原生订单、购买、会员与下载校验，同时补上真实账户状态、每日额度、横竖封面、深色模式、移动端布局和资源说明。
PATH /wp-content/themes/zibll/pages/download.php
THEME Zibll 9.0
MODE Light / Dark Auto
STORAGE OpenList → Google Drive
STATUS Verified
原版能用，但它更像一个功能容器
子比原生独立下载页已经具备购买判断、下载按钮和隐藏内容显示，只是视觉层级比较简单。资源标题、下载操作、会员状态和提取码都挤在同一个普通文章卡片里，用户很难第一眼确认自己是否已经获得权限。
权限状态不够直观
单独购买、会员免费下载、免费资源和额度用完，看起来容易混在一起。
资源信息缺少层级
封面、格式、线路、更新时间和密码没有形成清晰的信息结构。
主题侧栏容易重复
页面内部再加资源侧栏后，原主题侧栏会把主内容挤得过窄。
横图竖图难以兼顾
固定比例加 cover 容易裁掉主体，尤其是海报和手机截图类竖图。
同一套功能，三种完全不同的视觉语言
每套模板同时包含浅色与深色配色。切换子比主题深色模式时，页面直接响应 body.dark-theme，不需要轮询、额外 AJAX 或延迟判断。
科技蓝紫版
用蓝紫渐变、光晕和半透明层次强化数字资源感。适合科技博客、软件资源、设计素材和偏未来感的网站。
- 品牌识别最强，视觉冲击明显
- 深色模式转为深海蓝紫，不会简单反相
- 状态卡、用户卡与下载区层级清楚
简洁商务版
减少装饰，把注意力集中在资源名称、下载权限和操作按钮上。适合教程站、资料库、企业资源站和长期维护的内容站点。
- 留白更克制，阅读压力最低
- 浅色清爽，深色为石墨灰与海军蓝
- 对长标题和复杂资源说明更友好
VIP 资源中心版
使用海军蓝与金色建立高级资源中心的感觉。适合高价值素材、会员专区、商业模板和付费内容占比较高的网站。
- 会员身份和权限状态更加醒目
- 浅色为象牙白金，深色为深蓝金
- 适合强调稀缺性与付费价值的资源
不仅是换皮：页面会读取真实数据并解释真实状态
现有资源即使没有填写商品简介、更多详情和资源属性，也能从文章、用户、订单与下载配置中组织出完整页面。
精确区分权限来源
访客未购买、游客订单、普通用户单独购买、会员免费、试用权限和免费资源分别显示，不再把普通购买误写成“不限量”。
真实会员额度
读取当天已经下载过的不同资源数量，显示上限、已使用和剩余数量；额度耗尽时明确提示明日恢复。
横图竖图智能适配
主图使用完整显示，空余区域由同图模糊背景填充，避免海报、方图和手机截图被强行裁掉主体。
深色模式同步切换
直接跟随子比主题类名，同一帧改变颜色、边框与阴影；支持 View Transition，同时提供减少动画的系统降级。
只显示真实下载线路
下载按钮继续读取文章后台真实配置。OpenList 后端使用 Google Drive，也不会凭空增加第二个 Google Drive 按钮。
动态账户与资源侧栏
自动展示头像、用户名、会员等级、到期时间、热门资源、网站公告和客服入口，不需要逐篇手工维护。
下载页究竟会遇到哪些用户状态？
很多模板只判断“已购买”和“未购买”，但真实网站远比这复杂。v4.2 针对下面这些状态分别设置了标题、说明、标签和下载区域。
| 访问状态 | 页面主要提示 | 额度处理 |
|---|---|---|
| 访客未购买 | 尚未获得下载权限 | 不显示会员不限量 |
| 游客订单购买 | 游客订单已验证 | 本资源订单权限 |
| 普通用户未购买 | 返回原文购买 | 不显示会员额度 |
| 普通用户单独购买 | 购买订单已验证 | 不扣会员免费额度 |
| 年费会员免费 | 会员下载权限已解锁 | 显示真实剩余 20 日额度 |
| 永久会员免费 | 会员下载权限已解锁 | 显示真实剩余 100 日额度 |
| 会员额度用完 | 今日免费额度已用完 | 提示明日恢复或单独购买 |
| 免费资源需登录 | 登录后即可下载 | 登录后调用原生按钮 |
| 公开免费资源 | 免费资源可下载 | 系统直接验证 |
| 试用权限 | 试用权限已生效 | 按子比原生规则处理 |
关键代码思路：保留核心，只重构展示层
下面只展示实现思路与关键接口。完整文件已经整理在文末压缩包中。
/wp-content/themes/zibll/pages/download.php优先在子主题同路径覆盖。直接修改主主题适合快速测试，但升级主题时可能被覆盖。
$paid_obj = zibpay_is_paid($post_id);
$download_html = zibpay_get_post_down_buts(
$pay_meta,
$paid_type,
$post_id
);模板不直接拼接真实文件地址，避免绕开订单验证与会员权限。
body:not(.dark-theme) .jld-page {
color-scheme: light;
}
body.dark-theme .jld-page {
color-scheme: dark;
}无需额外监听器或轮询，主题切换时下载页同步完成颜色变化。
.jld-cover-image {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}主图不裁切，背景层负责填补横图、竖图和方图产生的空余区域。
公告与主题侧栏可以通过自定义字段控制
不修改 PHP 也能在后台为资源下载页面设置公告；默认关闭外部主题侧栏，避免与模板内部侧栏重复。
jld_download_notice_title
jld_download_notice
jld_keep_theme_sidebar = 1
安装只需要一个文件，但请按顺序操作
三个版本功能一致，只能选择其中一个作为当前下载页。切换风格时重新覆盖同一个文件即可。
备份原文件
下载并保存当前 pages/download.php，出现异常时可以立即恢复。
选择一种风格
解压对应压缩包，确认其中只有模板文件与说明，不要同时上传三个版本。
覆盖到主题目录
把新的 download.php 放到 /wp-content/themes/zibll/pages/。
清理所有缓存
依次清理 WordPress、Redis、Cloudflare 与浏览器缓存，避免仍显示旧模板。
使用真实账号验收
至少测试访客、普通账号、单独购买、年费会员和永久会员五种状态。
常见问题
为什么页面只显示一个下载按钮，没有 Google Drive 按钮？
为什么某些资源没有商品简介和文件格式？
普通用户单独购买后会显示不限量吗？
深色模式切换会不会卡顿或延迟？
升级子比主题后模板会消失吗？
选择喜欢的风格，开始改造下载中心
三套模板功能完全一致。首次安装建议先用科技蓝紫版；更重视阅读效率可选简洁商务版；付费资源占比较高则适合 VIP 资源中心版。
这些模板依赖子比主题函数，不能脱离子比独立运行。请仅在拥有合法子比主题使用权的网站中安装。公开分享修改后的完整模板文件前，请自行核对子比主题许可条款；不得借此分发主题本体、绕过授权或转售原主题代码。
暂无评论内容