用户中心设置

用户中心为Themer框架 1.7版本新增的功能,如需使用请留意主题更新记录是否支持。

用户中心功能为WPCOM团队自主研发的功能模块,不需要依赖任何第三方插件即可实现网站前端用户注册用户登录找回密码帐号设置个人中心社交登录(微信、QQ、微博)、用户列表用户分组用户权限注册审核邮件激活前端头像上传裁剪用户封面图片上传WooCommerce兼容表单滑动验证AJAX交互等强大功能。

功能优势

在此之前,用户中心模块一直是基于第三方插件实现,相比起来Themer框架自带的用户中心模块具有更多的优势:

设置教程

1. 功能开启

进入主题设置>用户中心,打开开启用户中心选项,保存主题设置。

如果允许用户注册,需要检查WordPress后台设置>常规里面的成员资格是否开启允许注册,否则注册页面会提示未开发注册。

2. 常用页面配置

配置用户中心功能常用的页面,目前需要用到的页面和对应的shortcode(短代码/简码/短码)为:

常用页面的别名(如果设置了固定链接的话别名会显示在链接地址里面)建议不要有中文,否则在有二级页面的情况下可能会出现404错误。

添加方法:

进入后台页面,点击新建页面(如果是已经导入演示数据的用户可以先看下页面列表里面是否已经导入了对应的页面,有的话则可以直接点击编辑页面检查shortcode是否正确即可),如图:

用户中心常用页面配置

添加shortcode的时候建议将编辑器切换到文本模式下,如上图所示。shortcode中的引号需要是英文输入状态下的引号(半角字符)。

按此方式依次添加用户中心功能常用的页面。

页面模板:推荐将注册登录找回密码帐号设置页面的页面模板(页面属性-模板)设置为全宽模板(无边栏)或者全宽模板-无标题,具体每个主题不一样,可以视情况选择。

将页面配置到用户中心:

添加好页面后,可前往主题设置>用户中心>页面设置,依次设置好上面添加的页面,然后保存主题设置。

用户中心常用页面配置

3. 用户分组(企业主题无此功能)

新建和编辑用户分组

启用用户中心功能后可在后台用户>用户分组下新建和编辑用户分组,目前可对用户分组设置分组内用户的系统角色后台访问权限前端工具条等。

默认用户分组设置

默认用户分组可在主题设置>用户中心页面设置默认分组。建议设置默认分组,可用于新注册用户权限分配。

修改用户的分组

批量修改:进入用户>所有用户,勾选需要批量修改的用户,然后通过批量修改工具修改,如图:

用户中心用户分组修改

单独修改:如需单独修改某个用户的分组,可以进入用户>所有用户,编辑某个用户的资料,进入用户的资料编辑页面,找到用户分组选项,选择要修改的用户分组,如图:

用户中心用户分组修改

4. 社交登录

功能开启

进入主题设置>用户中心>社交登录,打开开启社交登录选项,保存主题设置。

设置社交绑定页面

社交绑定页面是一个单独的页面,不能直接使用注册或者登录页面。

新建页面:进入后台页面,选择新建页面,页面标题可以为第三方帐号登录(也可以自己定),内容里面添加[wpcom-social-login],建议切换到文本模式下添加,如图:

用户中心社交登录

设置页面主题设置>用户中心>社交登录选项下的社交绑定页面,选择刚新建的页面,保存主题设置。

这个页面是用于登录后的帐号绑定操作,并不能直接访问,直接访问会出现第三方帐号返回参数错误的提示,这是正常的。

接口申请和设置

社交登录功能必须要有接口权限才能使用,您可以进入主题设置>用户中心,找到每个第三方登录的接口设置选项,我们在每个接口下方说明文字都附带了申请地址,直接进入第三方网站申请即可即可。

如果已经申请好了接口权限,则直接填写API接口信息即可。

接口设置常见问题

QQ登录

QQ登录会要求准确填写回调地址,直接填写上面设置的社交绑定页面地址即可。

微博登录

微博接口无需设置回调地址,只需要设置安全域名即可。

微信登录

微信登录区分开放平台公众号平台,两者是不一样的,开放平台是面向PC电脑端网站,公众号平台是面向移动端微信内置访问登录,如果您只设置了一个平台的接口,则微信登录按钮仅在对应端显示,例如只设置了公众号平台的接口,则只能手机访问看到,电脑访问是看不到的,如需PC端和手机端都显示,则需要同时申请设置两个接口,并且为了两个平台帐号的互通与同步,建议您在开放平台后台绑定您的公众号,实现两平台数据统一(也就是通过电脑登录过得用户可以直接在手机上登录,如果没有绑定的话会被认定为新用户)。

开放平台:微信开放平台需要设置授权回调域,需要注意的这个只需要填写域名,不需要具体地址以及http://这些前缀。

公众平台:微信公众平台需要设置网页授权域名,在公众号设置>功能设置里面,也是不需要具体地址以及http://这些前缀。

5. 其他设置

表单滑动验证

滑动验证功能需调用阿里云接口,由于阿里云提供的PHP SDK需要PHP 5.3以上版本才可运行,如需使用此功能请确保PHP版本是否支持,如PHP是5.2的版本请先升级PHP版本后再开启此功能。

滑动验证功能基于阿里云云盾数据风控人机验证接口,使用前需要进行接口申请。申请方式如下: 进入阿里云后台产品与服务>安全(云盾)>数据风控(业务安全)>人机验证,如果找不到可以直接搜索,如图:

表单滑动验证

进入后点击新增配置进入接口配置页面。页面中的应用类型选择网页验证方式选择滑动验证,其他选项可根据您的实际情况选择即可。后面直接下一步或者提交即可,按此方式重复新建使用场景为注册和登录的两个配置,另外考虑到兼容手机端需要再建两个应用类型移动端WAP/HTML5的配置。

新建好配置后回到人机验证列表,可以看到新建的配置,复制其中的appkey(多个配置的appkey是相同的),然后进入网站后台主题设置>用户中心>阿里云人机验证,将复制的appkey填入App Key

主题设置>用户中心>阿里云人机验证选项下还有另外两个选项:Access Key IDAccess Key Secret,他们的获取方法:进入阿里云后台,将鼠标移到右上角头像上,再点击accesskeys进入即可获取。

用户列表

用户中心内置用户列表功能,可通过shortcode调用,例如JustNews主题演示页面:http://demo.wpcom.cn/justnews/members

添加方法:用户列表是通过shortcode调用的,shortcode为:[wpcom-member type="userlist"],直接在页面添加即可。

用户列表shortcode可支持更多参数的设置:

例如获取分组ID为1的用户,根据用户ID倒序排序,则可以使用:

[wpcom-member type="userlist" group="1" orderby="ID" order="DESC"]

邮件功能

用户中心在用户注册、找回密码等场景会有邮件发送的需求,而邮件功能需要服务器的支持,不过目前很多服务器都被禁用了邮件发送端口(25端口),例如阿里云、腾讯云,比较推荐的方法是使用SMTP,可以参考:https://www.wpcom.cn/tutorial/119.html

更多常见问题

关于用户中心的更多问题,可以查看:https://www.wpcom.cn/help/143.html

在线咨询