您想在 WordPress 中创建自定义密码重置页面吗?
默认的 WordPress 重置密码表单具有标准的 WordPress 品牌,并且不会更改以匹配您的主题。这不是最好的体验,尤其是当您运行会员网站或客户门户时。
在本文中,我们将向您展示如何自定义 WordPress 重置密码页面。
为什么要在 WordPress 中自定义重置密码页面?
您的WordPress 网站附带强大的用户管理系统,允许人们创建用户帐户、登录和重置密码。
默认情况下,这些页面显示 WordPress 品牌和徽标。有时,这并不是一个主要问题,特别是如果您或您的团队是唯一登录管理区域的人。
但是,如果您正在运营在线商店或会员网站,那么您的客户可能还需要登录。
您可以通过自定义这些页面以匹配您网站的设计和品牌来提供更好的用户体验。您还可以添加额外的内容,例如您的徽标或最近帖子的列表。
您可能已经遵循了我们有关如何添加自定义用户注册表单和登录页面的其他指南。现在,我们来看看如何自定义重置密码页面。只需使用下面的快速链接即可直接跳至您要使用的方法:
方法1:使用强大的表单自定义重置密码页面(简单)
替换 WordPress 密码重置页面的最简单方法是使用Formidable Forms。该插件可让您使用短代码替换默认密码重置页面。
此方法不允许您编辑密码重置表单,但您可以在其周围添加您自己的内容。例如,您可以使用标准 WordPress 帖子编辑器添加文本、图像和其他内容。
首先,您需要安装 Formidable Forms 插件。要了解更多信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
激活后,您还需要安装 Formidable Forms Lite。这个免费插件为高级插件的更高级功能提供了核心基础。
完成此操作后,转到 仪表板中的“强大表单”»“全局设置” 页面,然后选择“单击以手动输入许可证密钥”。
您可以在 Formidable Forms 网站上的帐户中找到许可证密钥。输入此信息后,继续并单击“保存许可证”按钮。
接下来,您需要通过转到 Formidable » Add-Ons来安装用户注册插件。在此屏幕上,找到用户注册插件并单击其“安装”按钮。
现在,您可以通过转到页面»添加新内容来创建自定义重置密码页面。
首先,为页面指定标题,然后单击 + 按钮。在出现的弹出窗口中,开始输入“短代码”。
只需单击右侧的块即可将其添加到页面。
您现在可以添加以下短代码:[frm-reset-password]
。
此时,您可以添加您想要在密码重置页面上显示的任何其他内容。
如果您对页面的设置感到满意,请单击“发布”按钮使其生效。
最后,您需要告诉 WordPress 使用此页面而不是默认的密码重置页面。为此,请转到“强大”»“全局设置”,然后单击菜单中的“注册”选项卡。
从这里,您只需打开“重置密码页面”下拉列表并选择您刚刚创建的页面。
不要忘记单击屏幕顶部的“更新”按钮来存储您的设置。
您现在可以访问 WordPress 网站以查看正在运行的自定义重置密码页面。
方法 2:使用“主题我的登录”自定义所有会员页面
为了提供一致的用户体验,最好在所有会员页面上使用相同的样式。主题我的登录是一个免费插件,允许您替换内置的 WordPress 仪表板、登录、注销、注册、忘记密码和重置密码页面。
它不是最可定制的解决方案,但它的所有页面都将使用您的WordPress 主题。
您需要做的第一件事是安装并激活主题我的登录插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
激活后,主题“我的登录”会自动为您的自定义登录、注销、注册、忘记密码和重置密码屏幕创建 URL。您可以通过转到“主题我的登录”»“常规”页面来查看这些 URL。
要替换这些页面中的任何一个,您只需使用这个确切的 URL 创建一个新页面即可。
要创建自定义密码重置页面,请转至页面 » 添加新页面。在这里,单击“+”图标并开始输入“短代码”。
当出现正确的块时,单击它以将其添加到页面。
在块内,添加以下短代码:
[theme-my-login action="lostpassword"]
您现在可以添加想要在密码重置页面上显示的任何额外内容,例如您的徽标。如果您对页面的设置感到满意,请点击“保存草稿”。
之后,转到 页面»所有页面 并找到您刚刚创建的密码重置页面。
只需将鼠标悬停在页面上,然后在出现“快速编辑”按钮时单击即可。
在“Slug”字段中,输入“lostpassword”。
之后,打开“状态”下拉列表并选择“已发布”。
完成后,继续并单击“更新”。现在,如果您访问您的WordPress 博客,您将看到丢失密码的页面。
要替换其他内置 WordPress 会员页面,只需按照上述步骤操作即可,但请确保使用正确的 URL slug 和短代码。
例如,如果您想创建自定义密码重置页面,那么您需要使用[theme-my-login action="resetpass"]
短代码。您还需要将“URL slug”更改为resetpassword
。
方法 3:使用 WPForms 创建密码重置页面(完全可定制)
如果您想用完全自定义的表单替换默认的密码重置页面,那么我们建议使用WPForms。
该插件有一个“用户密码重置表单”模板,您可以使用自己的文本、图像和品牌进行自定义。您甚至可以添加和删除字段,以准确地从成员那里收集您想要的信息。
您需要做的第一件事是安装并激活WPForms插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
激活后,前往WPForms » 设置并输入您的许可证密钥。您可以在 WPForms 网站上的帐户中找到此信息。
输入许可证密钥后,您需要安装用户注册插件,它允许您为您的站点创建自定义用户注册、密码重置和登录表单。
在仪表板中,转到WPForms » 插件并找到用户注册插件。
只需单击“安装插件”即可下载它,然后单击“激活”即可使其生效。
现在,您可以转至WPForms » 添加新页面来创建自己的自定义密码重置表单。在这里,输入新表单的标题。
完成后,滚动到“用户密码重置表单”模板,然后单击其“使用模板”按钮。
WPForms 现在将加载用户密码重置表单模板。
要使用您自己的文本、标签或说明自定义任何字段,只需单击将其选中,然后使用左侧菜单中的设置即可。
例如,模板有一个“提交”按钮。要显示不同的按钮标签,只需单击以选择字段,然后在“提交按钮文本”中输入新消息。
您还可以通过转到“设置”»“确认”来更改用户提交密码重置请求时发生的情况。
在这里,打开“确认类型”下拉列表,然后选择是将用户重定向到其他页面或 URL,还是仅显示一条消息,要求他们检查收件箱中是否有密码重置电子邮件。
您还可以通过在小型文本编辑器中键入消息来自定义消息。例如,您可能会提醒用户检查他们的垃圾邮件文件夹。
专业提示:如果您的电子邮件经常被发送到垃圾邮件,那么我们建议使用SMTP 服务提供商来提高您的电子邮件送达率。
如果您对表单的设置感到满意,请单击屏幕右上角的“保存”按钮。
要替换默认的 WordPress 密码重置页面,您需要创建一个名为“onepassword”的页面。然后您可以将表单添加到该页面。
最简单的方法是单击 WPForms 编辑器中的“嵌入”按钮。然后,选择“创建新页面”。
现在,输入新页面的标题。您将在稍后的步骤中更改 slug,以便您可以使用任何您想要的东西。
完成后,点击“我们走吧”。
这将带您进入 WordPress 页面编辑器,其中表单已添加到新页面。您现在可以对此页面进行任何更改,例如添加更多文本、自定义徽标或类别和标签。
如果您对页面的外观感到满意,请单击“保存草稿”按钮。
之后,转到页面»所有页面并找到您刚刚创建的密码重置页面。
在这里,单击“快速编辑”按钮。
在“Slug”字段中,输入“lostpassword”。
之后,打开“状态”下拉列表并选择“已发布”。
现在,您需要将访问者重定向到自定义密码重置页面,而不是内置的 WordPress 页面。最简单的方法是使用免费的 WPCode 插件。
WPCode 是超过 100 万个 WordPress 网站使用的最佳代码片段插件。它可以轻松地 在 WordPress 中添加自定义代码, 而无需编辑functions.php 文件。
借助 WPCode,即使是初学者也可以编辑网站的代码,而不必冒可能导致许多 常见 WordPress 错误的错误和拼写错误的风险。
您需要做的第一件事是安装并激活免费的 WPCode 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南 。
激活后,转到 代码片段»添加片段。
在这里,您将找到现成的片段,允许您将其他文件类型上传到 WordPress、禁用附件页面、完全禁用评论等等。
只需将鼠标悬停在“添加您的自定义代码”上,然后在出现“使用代码片段”时单击它。
首先,输入自定义代码片段的标题。这可以是任何可以帮助您识别 WordPress 仪表板中的代码片段的内容。
之后,打开“代码类型”下拉列表并选择“PHP 片段”。
在代码编辑器中,添加以下代码片段:
1234 | add_filter( 'lostpassword_url' , 'my_lostpassword_url' ); function my_lostpassword_url() { return site_url( '/lostpassword/' ); } |
由
接下来,滚动到“插入”部分。WPCode 可以将代码添加到不同的位置,例如在每个帖子之后、仅前端或仅管理。
要在整个网站、博客或在线商店中使用自定义 PHP 代码,请单击“自动插入”(如果尚未选择)。然后,打开“位置”下拉列表并选择“到处运行”。
之后,您就可以滚动到屏幕顶部并单击“非活动”切换按钮,使其更改为“活动”。
最后,单击“保存片段”以使 PHP 片段生效。
现在,尝试访问内置的 WordPress 登录屏幕。
如果您点击“丢失密码?” 链接,然后您将被重定向到刚刚创建的自定义密码重置页面。
根据您网站的设置方式,您可能需要更新其他页面上的密码重置链接。
如果您使用 WPForms 等插件为WordPress创建了自定义登录页面,那么我们还建议将新的密码重置链接添加到此表单。
我们希望本教程能帮助您了解如何自定义 WordPress 重置密码页面。您可能还想了解如何创建免费的企业电子邮件地址或查看我们的必备插件列表以扩展您的网站。