如何在WordPress中创建自定义登录和注册表格

登录页面是用户需要访问您的网站时会首先看到的页面,因此它必须美观且用户友好。 令人厌烦的登录页面可能使用户对您的网站有不好的印象! 自定义登录名以匹配您的品牌将为用户带来更好的体验。

自定义登录和注册的优点

增强的用户体验

自定义可为用户启用增强的功能。 与默认的WordPress登录页面不同,用户可能会喜欢适合您网站主题的自定义登录页面。

用户管理

自定义允许您管理新创建用户的各个方面。 您可以随意分配角色并批准或屏蔽用户。

品牌推广

品牌塑造是任何业务的关键方面。 您的企业应该在网站的每个部分上显示其品牌。 自定义登录和注册页面可使您的品牌脱颖而出。 定制还创建了用户可能会记住的独特状态。

安全

定制的登录和注册允许您添加一些措施来摆脱垃圾邮件发送者和黑客。

UserPro插件的功能

社交登录

大多数人在至少一个主要社交网络上拥有帐户。 在您的网站上提供社交联系提供了一种简便的注册方法,因为用户只需要在其中一个网络上授予访问其个人资料信息的权限,而不必担心提出或记住新密码。 另一个优势是减少垃圾邮件,因为社交网络要求用户以多种方式进行身份验证。

使用UserPro,您可以允许通过Facebook,LinkedIn,Instagram,Twitter和Google进行社交登录。

前端发布和用户生成的内容

前端发布为您提供了一种与用户联系的方式,从而使您的网站更加活跃。 如果希望用户添加,编辑或删除内容,则可以使用UserPro。

会员特色

UserPro可让您展示漂亮的会员资料和会员功能,例如增强的会员目录,徽章和成就。 您也可以在可搜索的成员列表中搜索成员。

多种注册表格

多个注册表格可让您创建单独的注册表格。 例如,求职者可能需要求职者和雇主使用此功能。

入门

首先从CodeCanyon下载插件。 如果您没有帐户,请转到注册页面并创建一个。 登录后,您可以从其产品页面购买插件。

然后,您将获得文件的链接,或者可以转到帐户的“ 下载”部分并下载压缩文件。

现在登录到您的WordPress帐户。 转到插件 > 添加新文件,然后上传zip文件。 然后单击立即安装,并在完成安装后,单击立即激活 。 现在您可以开始使用插件了。

组态

安装插件后,您可以在设置页面上配置以下属性。

UserPro插件配置

创建注册页面

UserPro带有用于注册,登录,个人资料,成员目录等的默认页面。从“ 常规”设置中选择要使用的页面。

选择注册页面

选择页面后,可以根据需要添加或删除任何字段。 您还可以更改其他属性,例如外观,验证和配置文件设置。

会员设置

更改会员资格选项

此选项使您可以从前端禁用或启用到网站的注册。

允许任何人注册都可以轻松访问您的网站,并且更加友好。 它还允许管理员将角色分配给用户。

用户批准设置

用户批准设置

大多数网站对新用户依赖一种以上的身份验证; 这样可以确保他们清除访问网站的所有恶意人员。 拥有用户批准系统:

  • 允许您拒绝或接受用户注册
  • 通过要求新用户激活电子邮件来验证他们的身份
  • 远离垃圾邮件发送者

您只需将字段拖放到提供的部分即可创建用户注册和登录表单,如下所示。

创建自定义用户注册字段

外观与外观

UserPro允许您只需单击一个按钮即可添加精美的注册表格。 如果您愿意,UserPro还可以让您灵活地添加更多字段。 因此,您可以从用户那里获得适合您的业务的信息。

它还使您能够通过更改属性(例如字体,大小,外观,字段布局和图标)使注册表格与您的品牌对齐。

UserPro为用户提供19个字段,例如国家/地区,角色,图片,性别和网站。 您还可以创建类似于CAPTCHA的安全性问题,以检查真实用户并使其更难于漫游器。

经过一些自定义后,注册页面现在应如下所示:

完整的自定义注册表格

注册设置

其他注册设置包括:

  • 允许或阻止某些电子邮件域进行注册
  • 在注册过程中允许某些角色
  • 注册后的设置状态
  • 表单验证和安全性

创建自定义登录页面

UserPro提供默认登录页面,其中包含必填字段:用户名和密码。 与注册页面一样,您可以单击任何字段并更改属性,例如标签占位符和帮助文本。 您也可以将字段或部分拖到页面上。

创建登录页面的步骤与注册页面相似:

  • 转到常规,然后选择提供的默认登录页面。
  • 更改其外观和外观,使其更加用户友好或适合您的品牌。
  • 根据您的要求更改登录设置。
编辑自定义登录页面的用户名字段

应用于字段的外观设置将自动应用于所有其他字段。

社会融合

导航到设置 ,其中 您会找到可以整合的社交网络列表。 选择您要提供给用户并允许社交联系的媒体。 每个网络将要求稍有不同的信息以启用社交登录。 例如,Facebook需要一个Facebook App ID ,您可以从Facebook开发人员的网站上获取该ID

使用Facebook设置社交登录

其余社交网络需要类似的步骤。

自定义WordPress页面

WordPress提供了两个默认的登录URL: / wp-admin /wp-login.php ,因此熟悉WordPress的任何人都可以找到登录或注册URL。 UserPro还允许您为所有与用户相关的页面创建自定义URL链接。

导航到“ 设置页面”选项卡,并根据需要更新永久链接。

登录和注册页面的自定义URL

自定义电子邮件通知

单击“ 电子邮件通知”选项卡以查看所有可以自定义的电子邮件的列表。

自定义电子邮件通知设置

本部分允许您自定义电子邮件通知。 只需选择一种消息类型,您就可以针对以下操作自定义发送的电子邮件:

  • 新用户注册
  • 新用户验证
  • 欢迎电邮
  • 重设密码
  • 密码变更
  • 帐户状态变更
  • 和更多

结论

自定义您的登录和注册页面非常简单,这是一项必不可少的投资,可以为您的企业带来丰厚的回报。 它还将使您获得将业务推向新高度所需的必要客户信息。

翻译自: https://code.tutsplus.com/tutorials/how-to-create-custom-login-and-registration-forms-in-wordpress--cms-33441

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值