DUX主题会员中心集成 Erphpdown 插件

DUX 主题 2.0 版本之后新增了 erphpdown 登录时使用dux弹出登录框的功能，然而会员中心一直是老样式，并未集成 Erphpdown 的前端功能。同时，虽然 Erphpdown 插件作者提供了一个前端会员中心的页面（page-erphpdown-user.php），这个页面比较粗糙，而且同一个网站使用两个不同的用户中心，对访问者来说似乎也不太友好。于是自己决定将 DUX主题用户中心与 Erphpdown 集成起来，方便博客用户使用，下面是集成前后的前端样式，我将相关功能合并到了不同的选项卡，避免前端臃肿。

集成前

集成后

前端显示大概就是这个样子，有喜欢的继续看下面（当然，样式的话自己调整也是可以的）。温馨提示：主题修改前请做好备份！备份！！备份！！！

此次集成 Erphpdown 主要用了插件的短代码功能，插件新增短代码的相关的代码在 includes 文件夹下的 shortcode.php 文件中，主要是以下内容：

此次主题修改比较繁琐，需要动几个位置，这里以“我要推广”为例，简单说下配置的过程。

user.php 文件修改

位于主题根目录下的 pages/user.php 文件是 DUX 主题的会员中心页面模板，我们只需要在该文件中大概 24 行代码处插入如下代码即可：

插入完成并保存上传后应该可以在会员中心显示出对应的选项卡。然后继续修改本文件，在 160行代码处，最后一个 script 标签结束位置插入如下代码：

注意这地方的 purchased_tuiguang_lists()； 可在文章开篇短代码处找到，其他的修改与之类似。

user.js 文件修改

[wxcaptcha]文件 js/user.js 主要是控制会员中心的一些动作的，在文件大概 204 行代码处应该可以找到 ‘post-new’: function() 这样一句代码。在该代码之前插入如下一段代码：

如此我们即能对程序的运行有个简单的了解。用户点击会员中心选项卡触发上面这段 JS 代码，代码激活“我要推广”菜单，并通过 render() 渲染生成上一步在 script 标签中的页面信息以显示出来。做到这一步基本上前端可以获取相关数据了，但是不太美观，下面我们对其进行简单美化。[/wxcaptcha]

user.css 文件修改

控制 DUX 主题会员中心显示样式的代码在 css/user.css 文件中，由于插件会不断更新，主题也会不断更新，为了避免日后调整修改较大，这里尽量没有修改插件下相关核心文件的样式类。当然，这也不可避免地造成了样式代码的臃肿。“鱼与熊掌不可兼得”，如果你希望能更精简代码，可自行调整代码以进一步优化。这里仅给出我完全修改完后 PC 端显示样式的代码（懒，不想再调整移动端的样式了）。代码如下：

方法大概就是这样了。不想折腾的直接下载文后的文件替换即可。如果还有什么其他问题，请在文章下方反馈。