如何自定义您的 WordPress 登录和注册页面？（带视频）

已发表: 2021-03-18

最后更新 - 2021 年 10 月 13 日

注册和登录网站应该轻而易举。尽管默认的 WordPress 登录和注册页面很小，但它很可能与您网站的美感不符。它也没有信心地欢迎用户。

因此，如果您希望网站的默认登录页面看起来更专业，这里是我们自定义登录和注册页面的指南。

Profile Builder 、 Ultimate Member和User Registration等插件非常适合自定义 WordPress 登录和注册页面。我们将使用 WP Everest 的用户注册插件。

在开始之前，请确保您的 WordPress 网站已启用注册功能。前往设置>常规设置。 在这里，启用“任何人都可以注册”选项。此外，为新用户选择默认角色。最好将其设置为订阅者。完成后保存更改。

接下来，从 WordPress 存储库安装用户注册插件。激活它后，您将看到自动添加新用户注册页面的提示，例如注册和我的帐户。单击“安装用户注册页面”。

两个新页面已添加到我们的网站，并将自动添加到菜单中。但是，我们的新登录和注册页面采用简单直接的方法，但我们可以轻松更改字段和其他设置。

前往用户注册 > 设置。 在这里，我们可以选择访客注册后会发生什么；您可以让访问者在注册后手动登录，您可以让他们在登录前确认他们的电子邮件，您可以让他们在注册后立即访问他们的帐户，或者您可以在访问者能够之前要求您或其他管理员的批准登录。选择对您的网站有意义的选项。

下面，您可以阻止对您网站上某些用户角色的 WordPress 仪表板访问。使用下一个选项，您可以启用隐藏和显示密码按钮。默认情况下，出于安全目的，访问者看不到密码。但是，您可以添加一个按钮，让他们在键入时看到密码。

在下方，您可以管理“我的帐户”部分的其他设置。完成后单击保存更改。

然后，切换到登录选项。

在第一个设置中，您可以从登录表单的各种外观中进行选择。下面，您可以启用或禁用记住我和丢失密码选项、隐藏字段标签以及启用 Google reCaptcha。

您还可以将新用户从登录页面重定向到注册页面。前往注册页面并复制其 URL。然后将其粘贴到注册 URL 字段中。

设置页面还允许您自定义登录页面的标签、占位符和消息。

在前端消息部分，您可以选择访问者在注册和登录时看到的各种成功和错误消息的文本。

当您在此处更改成功注册消息时，任何注册的人都会看到新消息。

在集成选项卡中，您可以输入 Google reCaptcha 详细信息以在您的登录和注册页面上启用 reCaptcha，以减少垃圾邮件帐户。您可以阅读我们的文章，了解在您的网站上启用 reCaptcha的过程。

在电子邮件部分，您会看到该插件已创建用户将收到的电子邮件通知。您可以禁用这些电子邮件，也可以根据自己的喜好编辑其电子邮件主题和正文。

在导入/导出部分，您可以导入和导出 WordPress 网站的用户和表单。

可以编辑现有表单以使其在视觉上更令人愉悦。但是，让我们从头开始。前往用户注册 > 添加新的.

在此处为表格命名以将其与其他表格区分开来。接下来，您会看到布局看起来类似于典型的页面构建器，左侧是块，中间是实时预览区域。您可以添加一长串字段，例如电子邮件、名字、网站、辅助电子邮件、下拉列表、复选框、隐私政策、部分标题、个人资料图片，甚至一些 WooCommerce 帐单地址字段。

让我们从添加用户名字段开始。将 Username 元素拖放到您需要的任何位置。您可以通过在行块内拖动字段来重新排列字段的位置。

然后，单击该字段以编辑其字段选项。我们可以添加标签、描述并设置占位符。此外，我们可以通过从必填下拉菜单中选择“是”来使该字段成为必填项。我们还可以隐藏标签并添加自定义类以进行进一步自定义。

您可以类似地添加其他块，例如名字、姓氏和确认密码。如果太多字段使表单看起来很长，您可以通过将其拆分为两列来压缩它。

您可以在表单中添加任意数量的行。并添加下拉问卷等字段，以使表单满足您网站的需求。

完成后，单击“创建表单”。该表单已添加到用户注册选项卡中。现在，您只需要激活它。所以复制它的简码。

然后，转到页面选项卡，然后单击注册页面下的编辑。在这里，删除旧的短代码并粘贴新的。然后，单击更新。

我们网站的注册页面已更新为我们刚刚创建的页面。您可以通过单击使用 Elementor 编辑来进一步自定义页面和样式化页面。

在这里，您可以像使用 Shortcode 元素一样使用 Elementor 自定义页面。您可以添加垫片、使用背景、添加图形以及进行大量其他自定义。此外，您可以查看我们的Elementor 教程视频以了解更多信息。

除此之外，用户注册插件还提供付费扩展以添加更多字段、启用社交登录、使用样式定制器和许多其他功能。您可以根据您网站的需求和偏好进行尝试。

如果您对自定义登录和注册表单有任何疑问，请随时在下面的评论中与我们联系。

如果您喜欢视频版本，请查看以下视频：

如何自定义您的 WordPress 登录和注册页面？ （带视频）