您想在 WordPress 中添加前端登录页面和小部件吗?
默认的 WordPress 登录页面无法提供最佳的用户体验,并且可能会让您的用户感到困惑。添加前端登录页面可让您的用户直接从网站前端登录。
在本文中,我们将向您展示如何在 WordPress 中轻松添加前端登录页面和小部件。
为什么以及何时需要在 WordPress 中进行前端登录?
默认情况下,WordPress 登录页面将显示 WordPress 品牌,通常与您当前 WordPress 网站的设计不匹配。
这适用于较小的 WordPress 博客和网站。
但是,如果您有会员网站、在线商店或其他用户可以注册和登录的网站,那么添加前端登录页面和小部件可为您的用户提供更好的体验。
您甚至可以使用自己的品牌自定义此页面或添加WordPress 侧边栏的简单登录表单。
话虽如此,让我们看看如何在 WordPress 中轻松添加前端登录页面和登录小部件。
在本教程中,我们将向您展示 3 种最简单的方法,您可以通过下面的链接跳转到您选择的方法:
- 方法 1:使用 WPForms 在 WordPress 中添加前端登录页面和小部件
- 方法 2:使用 SeedProd 在 WordPress 中添加前端登录页面
- 方法3:在WordPress中添加前端登录页面和小部件,主题为“我的登录”
视频教程
订阅 WPBeginner
如果您更喜欢书面说明,请继续阅读。
方法 1:添加使用 WPForms 的 WordPress 前端登录页面和小部件
WPForms 是最好的 WordPress 联系人市场上有超过 600 万个网站使用的 orm 插件。它可以让您轻松在网站上创建自定义前端登录页面和登录小部件。
首先,您需要安装并激活 WPForms 插件。有关详细说明,请参阅我们有关如何安装 WordPress 插件的初学者指南。
注意:WPForms 也有免费版本。但是,您需要该插件的高级版本来解锁用户注册插件。
激活后,请从 WordPress 管理侧边栏访问 WPForms » 设置页面,输入您的许可证密钥。
您可以从 WPForms 网站上的帐户获取此密钥。
完成此操作后,请从 WordPress 仪表板转到 WPForms » 插件页面,找到用户注册插件。
接下来,单击“安装插件”按钮下载并在您的网站上激活它。
激活用户注册后插件,前往 WPForms » 从管理侧边栏添加新屏幕以启动表单生成器。
从这里开始,输入您要创建的表单的名称。之后,只需选择“用户登录表单”模板即可开始制作用户登录表单。
这将在表单生成器中启动模板,您会注意到右侧有一个表单预览,左侧有一列可用字段。
现在,只需从左栏中拖放字段即可创建登录表单。有关更多详细信息,请参阅我们有关如何为 WordPress 创建自定义登录页面的指南。
对设置感到满意后,只需单击“保存”按钮即可存储更改。
将登录表单添加到页面/帖子
现在,要将登录表单添加到页面或帖子中,请从管理区域的 WordPress 块编辑器中打开您选择的页面/帖子。
到达那里后,点击“+”按钮tton 打开块菜单并添加 WPForms 块。
之后,从块本身的下拉菜单中选择您创建的登录表单。
最后,点击“发布”或“更新”按钮来存储您的设置。
将登录表单添加到网站侧边栏
如果您想将登录表单添加到网站的侧边栏,请从 WordPress 仪表板访问外观 » 小部件页面。
在这里,单击屏幕左上角的“+”按钮以打开阻止菜单。
从这里,您需要找到 WPForms 块并将其添加到侧边栏。
完成后,从块本身的下拉菜单中选择登录表单。
最后,单击“更新”按钮来存储您的设置。有关更多详细信息,请参阅我们有关如何在 WordPress 侧边栏中添加登录表单的指南。
现在,您可以访问您的 WordPress 网站来查看登录表单在侧边栏中。
在完整站点编辑器中添加登录表单
如果您使用的是基于块的主题,那么您将无法使用上述方法将登录信息添加到网站侧边栏。
要在 FSE 中添加登录表单,请从 WordPress 仪表板访问外观 » 编辑器页面。
这将启动 FSE,您必须单击“+”按钮才能打开阻止菜单。
从此处找到 WPForms 块并将其添加到网站上您喜欢的任何位置。
之后,从块本身的下拉菜单中选择您创建的登录表单。
最后,单击“保存”按钮来存储您的设置。
方法 2:添加前端登录使用 SeedProd 的 WordPress 页面
SeedProd 是市场上最好的 WordPress 拖放页面构建器,已被超过 100 万个网站使用。
它可以让您创建一个完全自定义的登录页面,可以与您当前网站的设计相匹配或者是独特的。
它非常适合初学者,并附带大量专业设计的登录页面模板,您可以使用它们来构建登录页面。
首先,您需要安装并激活 SeedProd 插件。有关详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
激活后,从 WordPress 管理侧边栏访问 SeedProd » 登录页面屏幕,然后点击“设置登录页面”按钮选择“登录页面”选项。
这将引导您进入“模板”屏幕,您可以在其中选择模板并使用拖放构建器来自定义页面。
您甚至可以使用空白模板从头开始设计完全自定义的前端登录页面。
选择您喜欢的模板后,您;将要求输入页面名称。然后,SeedProd 将使用页面名称作为登录表单登录页面的 URL。
完成后,单击“保存并开始编辑页面”按钮继续。
这将启动 SeedProd 的拖放构建器,您将在右侧看到登录页面预览,左侧显示可用字段。
从这里,您可以将任何块添加到页面,只需将其从左侧菜单中拖动并将其放置在您喜欢的任何位置即可。
有关更多详细信息,请参阅我们有关如何创建自定义 WordPress 登录页面的指南。
完成页面设计后,请不要忘记点击顶部下拉菜单中的“发布”按钮来存储您的设置。
方法3:在 WordPress 中添加前端登录页面和小部件,主题为“我的登录”
如果您想向您的网站添加一个非常简单的前端登录页面,那么您可以使用免费的主题我的登录插件。
首先,您需要安装并激活该插件。有关更多详细信息,请参阅有关如何安装 WordPress 插件的初学者指南。
激活后,插件将自动创建登录、注销、忘记密码和注册页面。
您可以从管理菜单导航到主题我的登录»常规页面并查看插件设置。
首先,您可以设置登录类型。 “默认”设置是最安全的,因为它要求提供电子邮件和密码才能登录。
接下来,您可以选择注册设置。我们在这里保留默认设置,因为它们需要电子邮件和密码才能登录。
您还可以选中“密码”框,让用户创建自己的密码,以及“自动登录”框,让用户在登录后自动登录。埃吉斯特。
之后,您可以在“Slugs”设置中更改您的登录和注册 URL。
这些会自动创建重定向。因此,标准“yoursite.com/wp-admin”登录 URL 将重定向到“yoursite.com/login”。
您可以保持这些 URL 不变或更改它们。
完成更改后,请务必点击“保存更改”按钮。
除非升级以使用其高级扩展,否则您无法添加更多高级功能。
对于预算有限、想要创建简单的前端登录页面的用户来说,这仍然是一个很好的解决方案。
将登录表单添加到页面/帖子
现在,要添加由主题“我的登录”创建的登录表单,请在 WordPress 块编辑器中打开页面/帖子。
从这里,单击“+”按钮打开块菜单并将简码块添加到页面。
之后,添加以下简写de 进入块:
[主题-我的登录]
最后,点击“更新”或“发布”按钮来存储您的设置。
现在,访问您的网站以查看登录表单。
将登录表单添加到小部件区域
您还可以使用主题“我的登录”块将登录表单添加到 WordPress 小部件区域。
只需导航至“外观”»“小部件”页面,然后单击“+”按钮即可打开块菜单。
从这里,您必须找到“主题我的登录”块并将其添加到您选择的小部件区域。
之后,从块本身的下拉菜单中选择要添加的表单。
最后,单击“更新”按钮来存储您的设置。现在,访问您的 WordPress 网站以查看小部件区域中的登录表单。
我们希望本文能帮助您在 WordPress 中添加前端登录页面和小部件。您可能还想查看我们的专家精选WordPress 的最佳会员插件和我们的终极 WordPress 安全指南,可提高您的登录页面和小部件的安全性。
如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。