
WordPress 自定义注册登录是一个比较复杂的工作,如果是以 Modal 弹窗的方式注册登录,工作量就更大了。注册登录我开发的很多定制主题中都有用到,做成插件的方式可以在各个主题间重用,所以我把这个功能独立出来,做成了插件,命名为 Wizhi Security。
Wizhi Security 插件功能
- 支持微博、QQ 登录、未来会支持微信等更多社会化登录方式
- 支持找回密码,和 WordPress 默认的找回密码一样,发一封找回密码的邮件到邮箱,通过链接修改密码。
- 在模态窗口中切换注册、登录、找回密码
- 支持注册验证码
- 注册登录模板支持自定义,可以在主题中附带插件自定的注册登录模板。
插件使用效果截图
插件样式目前依赖 Bootstrap 框架,如果你的主题是基于 Bootstrap 框架开发的,安装启用插件后,默认的样式如下图:


插件使用方法
下载插件源码:https://github.com/iwillhappy1314/wizhi-security,通过后台上传或 FTP 安装并启用。
插件的 Modal 是通过链接触发显示的,复制下面的代码到主题中合适的位置即可。
<?php // 显示注册、登录链接 ?>
<a href="#modal-register" rel="modal:open">注册</a>
<a href="#modal-login" rel="modal:open">登录</a>
<?php
// 加载 Modal 模板
security_get_template_part( 'security', 'login' );
security_get_template_part( 'security', 'register' );
security_get_template_part( 'security', 'reset' );
?>
自定义注册登录模板的方法
复制插件中的 template
目录到主题中,重命名为 wizhi
,然后插件就会加载主题中的模板,然后就可以根据自己的主题自定义 modal 样式了。
未来可能会增加的功能
根据需求情况,Wizhi Security 后续版本可能会增加以下一些功能。
- 增加独立模板的登录方式,注册登录表单直接显示在模板中,而不是以 Modal 窗口的形式。
- 增加短信注册登录、找回密码的方式
- 社会化登录支持绑定邮箱、用户名
如果你需要上面的某个功能,可以在评论中提出,需求多的功能我会考虑优先增加。当然,如果你需要的功能不在上面的列表中,也可以在评论中提出,如有必要,我也会考虑添加。
4 thoughts on “本站开发的 WordPress Modal 弹窗注册登录插件 Wizhi Security – 支持微博、QQ 社会化登录”
自定义注册登录模板的方法
复制插件中的 template 目录到主题中,重命名为 wizhi ,然后插件就会加载主题中的模板,然后就可以根据自己的主题自定义 modal 样式了。
这个如何实现。。。有例子分享一下吗? 我是初学者 完全看不懂
在插件中找到 templates 文件夹,复制到你用的主题中,把复制过去的文件夹修改成 wizhi 就可以了。
增加短信注册登录、找回密码的方式,
还有就是楼上的提到的,使用的问题,我这边也遇到了,按照操作后,
第一个bug,点击 注册和登陆,不弹框
换了个模版测试。点开后,全屏幕黑了,但是没有内容
于是 ,锲而不舍的又换了一个,发现样式错误,无法获取验证码。
所以,插件的使用,麻烦可以再文字详细指导下,万分感谢。
可能和你使用的主题有关,这个插件的样式是基于 BootStrap 的,找个基于 BootStrap 的主题应该就可以了。