子比主题 独立下载页面美化教程

一、效果展示

优化后的独立下载页面在布局、配色和功能完整性上有明显提升，具体效果可参考以下截图：

二、安装步骤（无需手动写代码）

1. 下载美化包文件

在文章底部获取优化后的download.php文件（已整合所有美化代码和弹窗功能）：

2. 替换主题原文件

• 登录你的网站服务器或通过 FTP 工具，进入子比主题目录：wp-content/themes/zibll/
• 找到原有的 download.php 文件，先备份到本地（避免替换出错后无法恢复）；
• 将下载的美化包 download.php 上传到该目录，覆盖原文件。

3. 完成安装，测试效果

• 访问任意带下载功能的文章，点击下载链接，验证以下功能：
  1. 首次打开是否弹出免责声明弹窗；
  2. 点击 “同意” 能否进入美化后的下载页；
  3. 点击 “不同意” 是否返回原文章页；
  4. 已购买 / 未购买状态下的显示是否正常。

三、功能说明与自定义技巧

核心功能亮点

1. 强制免责声明弹窗
   • 首次访问下载页时自动弹出，内容包含合规提示（可自定义修改）；
   • 用本地存储记录用户选择，避免重复弹窗，提升体验。
2. 页面美化细节
   • 图片展示区自动截取中间 80% 内容，避免变形；
   • 下载按钮自适应布局，手机端自动换行；
   • 文件简介、详情区域带浅色背景边框，内容更易读。

如何自定义内容？

若需修改弹窗文字、配色等，用文本编辑器打开下载的download.php文件，找到对应部分修改即可：

1. 修改免责声明内容：搜索id="disclaimerModal"，修改<p>标签内的文字（如法律法规提示、网站说明等）。
2. 调整配色：搜索 CSS 中的颜色值（如#f04494为边框色、#e10074为强调色），替换为你的品牌色。
3. 修改底部说明：找到 “下载页底部说明” 区域，修改解压密码、联系方式等信息。

四、注意事项

1. 替换文件前务必备份原download.php，若替换后页面异常，可恢复原文件；
2. 确保子比主题版本兼容（测试支持子比 v6.0+，低版本可能需要微调）；
3. 若网站启用了代码压缩插件，建议关闭后再替换文件，避免代码被误处理。

通过简单的文件替换，即可快速让下载页更美观、合规，减少手动代码操作的出错风险。如果替换后有样式错乱，可尝试清空缓存或检查主题版本是否匹配。