如何自定义 WordPress 密码重置表单
已发表: 2022-05-16您是否正在寻找创建自己的 WordPress 密码重置表单?
通过创建自定义密码重置表单,您将通过自定义这些用户页面以匹配您的网站主题、显示您的徽标并提供其他内容,从而提供更强大的用户体验。 如果您经营一家电子商务公司或会员网站,那么在您的网站上拥有一致的品牌尤为重要。
如何重置我的 WordPress 密码?
您可以使用 WordPress 中丢失的密码链接来重置您的 WordPress 密码。 这将向您发送一封电子邮件,其中包含您可以单击以重置密码的链接。
为了获得更好的用户体验,自定义密码重置表单可让您调整表单的外观和电子邮件通知的内容。 我们将向您展示如何创建自定义密码重置表单,将用户发送到页面,并允许他们轻松重置密码。
如何在 WordPress 中创建密码重置表单
要创建自定义密码重置表单,您需要订阅 WPForms 的高级版本。 专业版许可证包括用户注册插件,可让您为您的网站创建自定义密码重置、用户注册和登录表单
在本文中
- 1. 安装 WPForms
- 2.安装用户注册插件
- 3. 选择并发布表单模板
- 4. 安装和使用代码片段
- 5. 在您的登录表单中添加密码重置链接
- 6. 最终形式测试
- 7.停止垃圾邮件密码重置请求
让我们开始吧!
1. 安装 WPForms
首先,登录到您的 WPForms 帐户。 登录后,单击“下载”选项卡。
这是一个包含所有可用许可证的页面。 要下载插件,请单击专业许可证旁边的下载 WPForms按钮。 这会将 WPForms 插件的压缩文件保存到您的计算机。
下载 zip 文件后,前往要安装 WPForms 的 WordPress 网站。 然后,在管理仪表板上,单击Plugins » Add New ,然后单击Upload Plugin按钮。
从这里,单击选择文件按钮并选择您刚刚下载的 WPForms zip 文件。
上传文件后,单击立即安装按钮。
安装插件后,单击激活插件按钮以激活您网站上的 WPForms。
激活插件后,请记住验证您的 WPForms 许可证密钥以接收自动更新和插件支持。 添加许可证密钥还可以让您从 WordPress 仪表板内轻松安装和激活 WPForms 插件。
2.安装用户注册插件
我们现在要安装创建密码重置表单所需的插件。
在您的 WordPress 管理区域中,前往WPForms » Addons 。
如果您没有看到任何适合您的许可级别的插件,请单击“刷新插件”按钮强制刷新。
要搜索用户注册插件,请在页面右上角的“搜索插件”字段中输入其名称。
找到它后,只需单击“安装插件”按钮。
这将自动为您安装并激活插件。 任何已安装并准备使用的插件都将显示Status: Active 。
3. 选择并发布表单模板
要创建密码重置表单,请转到WPForms » Add New 。 在模板库中搜索“密码重置”,然后将鼠标悬停在“用户密码重置表单”选项上,然后单击“使用模板”。
然后,您可以通过添加或删除任意数量的字段来自定义密码重置表单。 我们建议尽可能简单。 完成自定义表单后,我们需要将其嵌入到您的密码重置页面。
首先,在表单编辑器的右上角,单击“保存”按钮。
保存表单后,单击它旁边的嵌入按钮。
由于这将是一个新的密码重置页面,我们将选择创建新页面。
将您的页面命名为“密码重置页面”之类的名称,以便您以后轻松找到它。 您的表单现在将嵌入到新页面中。
下一步非常重要。
我们需要确保我们正确命名了 URL,因此我们将更新 slug 的名称。
为此,请前往您的 WordPress 管理仪表板,然后单击页面 » 所有页面。 找到新页面并单击快速编辑。 你现在会看到这个:
确保Slug旁边的部分写有lostpassword (一个单词)。 这会将所有东西连接在一起。 例如,这样做会使您的页面具有如下所示的最终 URL:www.example.com/lostpassword。
我们现在准备添加代码片段。
4. 安装和使用代码片段
要将用户引导至您的新密码重置页面,我们需要使用自定义代码段设置重定向。 别担心,这比听起来容易。
首先,我们将安装免费的 Code Snippets WordPress 插件。 在您的 WordPress 仪表板上,前往Plugins » Add New 。
从那里,搜索代码片段并单击立即安装。
一旦你点击了激活,现在是时候添加我们的代码了。 在您的 WordPress 仪表板上,单击Snippets » Add New 。
为代码段命名后(我们已经选择了新密码重置页面),将以下代码复制并粘贴到该字段中:
add_filter( 'lostpassword_url', 'my_lost_password_page', 10, 2 ); function my_lost_password_page( $lostpassword_url, $redirect ) { return home_url( '/lostpassword/?redirect_to=' . $redirect ); }
重要提示:代码应该只有 4 行长。 我们还建议选中默认的“到处运行代码段”选项。
接下来,向下滚动并单击按钮Save Changes and Activate 。 注意:您也可以添加描述和标签,但这不是必需的。
5. 在您的登录表单中添加密码重置链接
我们需要确保已完成此操作的原因是人们可以选择重置密码。 如果您还没有,请使用我们的模板快速创建登录表单。
接下来,我们现在将在您的登录表单中添加一个忘记密码的链接。 为此,我们将自定义密码字段。
我们将在此处的描述中添加一个链接,以便它显示在该字段的正下方。 我们可以为链接使用{url_lost_password}
智能标签。
单击密码字段开始。 在描述中,将其粘贴到:
Forgotten your password? <a href={url_lost_password} >Click here</a> to reset it.
您的表单现在将显示“忘记密码? 单击此处重置它的链接。
6. 最终形式测试
我们现在要确保一切正常。 在这个阶段,我们将有两个页面,两个表单:
- 表单上带有“忘记密码链接”的用户登录页面
- 一个新的密码重置链接页面,上面有“密码重置”表格
为确保一切正常,请前往您的用户登录页面。 点击密码重置链接:
然后,您将被重定向到新的重置密码页面(网址为 www.yourwebsite.com/lostpassword)。 如果不是,请仔细重复前面的步骤,并确保已遵循两个重要步骤:
- 代码片段完全按照步骤 4 中的说明进行复制
- 您的重置密码页面丢失密码作为 slug
7.停止垃圾邮件密码重置请求
最后,防止垃圾邮件密码重置请求。 不断的密码重置请求可能会带来网站安全风险,并且可能表明有人试图闯入您的网站,或者有人试图通过网络钓鱼获取密码。 不管怎样,这很烦人。
为了阻止这些垃圾邮件机器人,我们可以按照我们的指南来限制对您网站和登录页面的访问,以防止 WordPress 中未经授权的密码重置,并消除这些垃圾邮件请求!
接下来,自定义您的密码重置页面
将密码重置表单嵌入到新页面后,您需要对其进行品牌化。
为什么? 通过对密码重置表单和页面进行品牌化,您将向客户巩固您是一家合法公司的观念,并提高您品牌的整体可信度。
按照我们的完整指南在 WordPress 上创建和自定义表单页面。
立即创建您的 WordPress 表单
准备好构建您的表单了吗? 请记住注册 WPForms Pro,因为它包括用户注册插件、大量免费模板和 14 天退款保证。
如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们以获取更多免费的 WordPress 教程和指南。