【Modown主题】下载框重构版/深度美化/布局优化/细节满满[更至v1.1]

Modown主题的侧边栏下载框很好，但也还不够好，尤其是UI设计和多价格模式下的布局，经过多次尝试和完善，现在终于做出了一版能让自己满意的效果。v1.1 版本目前已发布，原来188KB的sidebar.php文件精简重构后目前已经降至115KB（降幅约 39%），细节多了，样式美了，但代码更轻量了，效率更高了也更安全了！

以前下载框最大的问题是后台的VIP优惠模式混乱，管理员看着不清晰（就比如那个“自定义折扣”直到我反复查看了代码以后才最终搞明白是咋回事），前台买家看着也不清晰，用户无法清楚的知晓哪个级别的VIP享受什么样的折扣，以及折扣后的价格能到多少。

现在就不一样了，通过“VIP折扣信息栏”，可以做到全收费模式、全优惠模式的适配，不论你后台如何设置，前台都始终能清楚的显示出各个VIP级别的折扣和折扣后的价格。

效果图

文内下载框共有3种样式：常规布局(单价格/多价格单项)、表格布局(多价格多项-PC端)、移动端布局(多价格多项)

侧栏下载框算是两种样式吧，单价格一种，多价格一种。

侧栏下载框优化

此教程对整个sidebar.php文件做了代码精简+重构，并为下载框设计了全新的样式和布局，做了很多细节上的优化：

1. 增加了“VIP折扣信息栏”，现在各种优惠折扣和折扣后的价格都一目了然。（最多可以显示4栏：包月VIP、包年VIP、包季VIP、终身VIP，如果有某个套餐未设置价格或者套餐价格为0，则这一栏会自动隐藏，比如我的ErphpDown–VIP设置–包季VIP 套餐价格为空，则“VIP折扣信息栏”里就不会出现“包季VIP”这一栏。）
2. 自定义折扣：已经做了全模式全场景适配。搭配上面的“VIP折扣信息栏”，可以做到更加全面且准确的折扣和价格提示。
3. 几种收费模式都做了适配， 拥有更加一致的样式效果和交互逻辑。
4. 增加了明确的下载权限提示和VIP升级引导。
5. 自动使用默认主题色为主强调色，然后用绿色作为已购买/免费下载的标识。
6. 对VIP用户当前享受的最高优惠折扣项做出了重点标识，对有权享受的折扣项目做了“✓”对勾符号标识。
7. 对前面用不到的优惠折扣项做了弱化效果处理，避免不必要的视觉干扰。
8. 全新设计的VIP升级按钮，只在必要的时候才出现，避免杂乱和干扰。
9. “免登录（旧）” 加入了徽章标识“可免登录下单”。购买后或者解锁免费下载权限后，下载地址不再直接出现在下载框区域，而是和其他模式保持一致的逻辑，先点击“立即下载”按钮，之后再从弹窗里显示下载地址。
10. “VIP专购”优惠模式下加入了自适应徽章标识“VIP专购”、”包季VIP专购”、“包年VIP专购”、“终身专购“；并为无权下载的VIP类别后面添加了明确的提示信息”无权购买“。
11. 多价格下载项超过6个后自动加入滚动条，以防下载项目过多而导致用户购买/下载的不方便。
12. 数据库查询：直接 SQL 查询（存在 SQL 注入 风险、绕过了 WordPress 的对象缓存机制），改为WP预处理模式，加强了安全与性能。
13. 更多细节，尽等体验！

注意事项

1. 侧边栏下载框优化、 文内下载框优化，两者是完全独立进行优化的， 互不包含，需要分开购买，如果两个都需要可以直接购买第3项。
2. 如图所见，本教程未加入“体验VIP”、“全站通VIP”的显示。个人感觉这个体验VIP有点鸡肋，但如果你需要这个的话，可以在评论区反馈，反馈的人多了会考虑加进去。

教程和售后

侧栏下载框优化直接覆盖整个sidebar文件，不需要额外的代码修改；文内下载框，只需改1-2处代码，其余直接文件即可。详细教程请查看随附txt文件里的说明。

购买后包一年的免费维护更新（目前已适配到：ErphpDown v18.22 和 Modown v9.72）。

折腾了一个多礼拜才完全搞好，中间还修复了一些其他bug，做强迫症真的累，还有很多可以优化的地方，但目前就先这样了， 不能再花过多时间了。买的人多了会继续不断优化，价格可能也会视情况降一些，看情况再说吧，毕竟很小众的东西～

补充

最终的效果图，可能看起来很简单，但其实细节真的挺多的，最重要的代码改起来也是真的很麻烦的，根本原因在于ErphpDown插件本身的收费模式和VIP优惠种类就是多、杂、乱，再加上sidebar.php原代码的臃肿，所以想要对侧边栏下载框进行彻底重构和优化并没有那么简单。即便对已经对Modown和ErphpDown很了解了，但最终还是搞了好几天才弄完测试完😩。