如何在WordPress侧边栏中添加登录表单

04/20/2024

何时以及为何需要自定义登录表单?

如果您经营会员网站、在线商店或销售在线课程,就可能需要用户登录以执行某些操作。

侧边栏在整个网站上都会显示,这使得登录表单更加显眼并且易于从网站的每个页面访问。添加登录表单到WordPress侧边栏,可以让用户快速登录他们的账户,这能提高参与度,提供更好的用户体验,并增加表单转换率。

接下来,我们将展示如何轻松地将登录表单添加到您的WordPress侧边栏。我们将分享如何在侧边栏中添加默认登录表单以及创建自定义登录表单。

方法1:在侧边栏中添加默认WordPress登录表单

您可以在网站的侧边栏中显示默认的WordPress登录表单,这让用户可以轻松输入用户名和密码来访问WordPress管理区域。对于本文,我们将使用Astra主题,请注意,根据您使用的WordPress主题不同,选项可能会有所不同。

首先,您需要在WordPress仪表盘中转到“外观” » “小工具”。从这里,您可以点击‘+’按钮,滚动到‘主题’标题,点击‘登录/注销’小工具块将其添加到您的侧边栏。

接下来,您将在小工具区域看到‘登录/注销’块。然后可以启用选项以表单方式显示登录。

当您完成更改后,请点击顶部的‘更新’按钮。之后,您可以访问您的WordPress网站查看默认的WordPress登录表单。请注意,如果您立即去查看表单,您可能已经登录。请登出您的网站,以查看表单将如何出现在您的成员面前。

方法2:使用WPForms插件添加自定义登录表单

默认的WordPress登录表单只有用户名和密码字段。然而,您可以创建带有更多字段和自定义选项的自定义用户注册表单。

使用WPForms是实现这一目标的最佳方法。它是最受欢迎的WordPress表单插件,WPForms的高级版本允许您轻松创建带有自定义字段的WordPress登录和注册表单。

首先,您需要安装并激活WPForms插件,请参见我们的分步指南,了解如何安装WordPress插件。激活后,您需要访问WPForms » 设置页面以输入您的许可证密钥。您可以从WPForms账户获取您的许可证密钥。

验证后,您需要转到WPForms » 附加组件页面。从这里,您需要滚动到‘用户注册附加组件’,然后点击‘安装插件’按钮。插件现在将在您的网站上自动安装和激活。

您现在已准备好创建自定义WordPress登录表单。只需访问WPForms » 添加新页面以启动WPForms构建器。首先,您需要在顶部输入表单名称,然后选择内置的‘用户登录表单’模板。简单地将鼠标悬停在上面并点击‘使用模板’按钮。

这将显示预加载在表单中的登录字段。您可以点击字段进行编辑或从左侧列中添加新字段。WPForms提供了多个可以通过拖放构建器添加的表单字段。例如,您可以在登录表单中添加姓名或验证码表单字段。

随后,进入‘设置’选项卡并点击确认部分。这是您需要定义用户成功登录您的站点后该做什么的位置。选项包括消息、定制页面或重定向到站点上的任何页面。理想情况下,您希望在用户登录后将他们重定向到某个页面。这可以是您的主页、WordPress管理面板,或您网站上的其他任何页面,例如他们的会员仪表盘或客户端门户。

接下来,您可以点击顶部的‘保存’按钮并退出表单构建器。您的登录表单现在已准备就绪。从这里,您可以将其添加到您的WordPress侧边栏。只需访问您的WordPress管理区域的外观 » 小工具页面。在此页面上,在您的站点的侧边栏小工具区域中添加‘WPForms’小工具块。

接下来,您可以从下拉菜单中选择您的用户登录表单。在右侧的设置面板中,您可以查看更多选项。例如,可以选择显示表单标题和描述。

当您完成后,请勿忘记点击‘更新’按钮。现在,您可以访问您的网站查看自定义WordPress登录表单功能。您还可以使用WPForms创建具有反垃圾邮件功能的自定义用户注册表单。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>