本站开发的 WordPress Modal 弹窗注册登录插件 Wizhi Security – 支持微博、QQ 社会化登录

本站开发的 WordPress Modal 弹窗注册登录插件 Wizhi Security – 支持微博、QQ 社会化登录

本站开发的 WordPress Modal 弹窗注册登录插件 Wizhi Security – 支持微博、QQ 社会化登录

WordPress 自定义注册登录是一个比较复杂的工作,如果是以 Modal 弹窗的方式注册登录,工作量就更大了。注册登录我开发的很多定制主题中都有用到,做成插件的方式可以在各个主题间重用,所以我把这个功能独立出来,做成了插件,命名为Wizhi Security。

Wizhi Security 插件功能

  • 支持微博、QQ 登录、未来会支持微信等更多社会化登录方式
  • 支持找回密码,和 WordPress 默认的找回密码一样,发一封找回密码的邮件到邮箱,通过链接修改密码。
  • 在模态窗口中切换注册、登录、找回密码
  • 支持注册验证码
  • 注册登录模板支持自定义,可以在主题中附带插件自定的注册登录模板。

插件使用效果截图

插件样式目前依赖 Bootstrap 框架,如果你的主题是基于 Bootstrap 框架开发的,安装启用插件后,默认的样式如下图:

register
注册
login
登录

插件使用方法

下载插件源码: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 窗口的形式。
  • 增加短信注册登录、找回密码的方式
  • 社会化登录支持绑定邮箱、用户名

如果你需要上面的某个功能,可以在评论中提出,需求多的功能我会考虑优先增加。当然,如果你需要的功能不在上面的列表中,也可以在评论中提出,如有必要,我也会考虑添加。

本站提供 WordPress 主题定制开发服务

本站长期承接WordPress主题、插件、基于 WooCommerce 的商店商城开发业务。 我们有7年 WordPress 开发经验, 如果你想用 WordPress 开发网站, 请联系 QQ: 470266798 或邮箱: 4626395@gmail.com 咨询。

4 thoughts on “本站开发的 WordPress Modal 弹窗注册登录插件 Wizhi Security – 支持微博、QQ 社会化登录

  1. 自定义注册登录模板的方法

    复制插件中的 template 目录到主题中,重命名为 wizhi ,然后插件就会加载主题中的模板,然后就可以根据自己的主题自定义 modal 样式了。

    这个如何实现。。。有例子分享一下吗? 我是初学者 完全看不懂

    1. 在插件中找到 templates 文件夹,复制到你用的主题中,把复制过去的文件夹修改成 wizhi 就可以了。

  2. 增加短信注册登录、找回密码的方式,

    还有就是楼上的提到的,使用的问题,我这边也遇到了,按照操作后,

    第一个bug,点击 注册和登陆,不弹框
    换了个模版测试。点开后,全屏幕黑了,但是没有内容
    于是 ,锲而不舍的又换了一个,发现样式错误,无法获取验证码。

    所以,插件的使用,麻烦可以再文字详细指导下,万分感谢。

    1. 可能和你使用的主题有关,这个插件的样式是基于 BootStrap 的,找个基于 BootStrap 的主题应该就可以了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*