Divi WordPress Theme

厌倦了内置的WordPress登录表单? 当您是唯一需要登录的人时,它可以很好地工作。但是,如果让其他人在您的网站上注册,则您可能正在寻找创建自定义WordPress登录表单以提供更好,更品牌化的用户体验。

工具集优惠券

在这种情况下,您可以使用很多选项来为WordPress创建自定义登录页面。 我将向您展示它们!

总共,这就是我要介绍的内容。 如何…

  • 使用短代码或使用侧边栏小部件将登录表单添加到任何页面。 您还可以在用户登录后将其重定向到自定义页面。
  • 通过简码或侧边栏小部件在您网站的任何位置添加社交登录按钮
  • 自定义本机WordPress登录页面(wp-login.php

并且,只要有可能,我都会尝试使用免费的插件!

方法1:清理登录插件(免费)

曾经有一个流行的自定义登录页面插件,名为Theme My Login。 但是,在2018年6月,该插件突然开始向以前免费的所有功能收费(不酷!),这迫使我为此帖子寻找一些主题“我的登录名”替代方法。

在试用了几个不同的插件之后,我选择了免费的Clean Login插件和下一部分中的插件作为两个最佳选择。

干净登录为您提供了简单的短代码,可帮助您在网站的任何位置添加以下表单/信息:

  • 登录表格
  • 报名表格
  • 恢复密码表格

如果您想让用户管理他们的个人资料,那么也有一个基本的前端个人资料管理简码,尽管您不必使用该功能。

要使用该插件,只需安装并激活它。 然后,只需添加 [clean-login] 您希望自定义登录表单出现的任何地方的简码:

如何使用干净登录为wordpress创建自定义登录页面

如果你去 设置→干净登录,您还可以选择在用户登录(或注销)后将其重定向到特定页面:

自定义重定向

总而言之,非常易于使用!

获得干净的登录名

方法2:使用Ajax插件登录(免费)

使用Ajax登录是另一个出色的免费选项,也是出色的主题“我的登录”替代方案。

它使您可以使用简码或小部件将自定义登录表单添加到WordPress(还有一个供开发人员使用的PHP选项)。

这是我喜欢此选项的地方:

首先,因为它使用AJAX,所以没有屏幕刷新,这是一个很好的效果(如果AJAX不起作用,还会有一个备用方法)。

其次,您不仅可以为用户登录后设置自定义重定向, 但您也可以根据用户的角色设置不同的重定向规则

首先,请安装并激活免费插件。 然后,您可以使用以下任一方法添加登录页面:

  • 用Ajax登录 小部件
  • [login-with-ajax] 短代码

如您所见,它比“干净登录”插件宽一点,并且缺少表单周围的方框/阴影 默认情况下

用ajax登录示例

如果您想更改宽度,这是一个非常简单的CSS修复-只需调整 .lwa 班级。

您还可以通过以下步骤设置自定义重定向规则: 设置→使用Ajax登录

按用户角色重定向

Login With Ajax允许您做的另一件好事是设置自定义电子邮件,如果您使用的是自定义注册页面功能,则用户在注册后会收到该电子邮件。

使用Ajax进行登录

方法3:使用Elementor Pro登录小部件(49美元)

如果您使用Elementor页面构建器 使用Elementor Pro,您已经可以通过以下方式访问自定义登录页面工具: 登录 小部件。

同样,此小部件仅适用于Elementor Pro(请阅读我们的评论)。 但是一旦有了,您就可以使用“登录”小部件轻松地在网站上的任何位置添加登录表单(您甚至可以使用Elementor Pro中的“随处嵌入”功能将其嵌入到边栏中)。

要使用它,只需将鼠标悬停在Login小部件上并使用Elementor侧面板对其进行样式设置:

elementor专业版登录小部件

您也可以使用 其他选项 的部分 内容 标签以在用户登录后设置自定义重定向:

elementor专业版登录重定向

这可能是创建和设置自定义登录页面的最灵活的方法–您只需付费使用Elementor Pro即可使用。

获取Elementor Pro

方法4:使用Nextend社交登录添加社交登录(免费)

到目前为止,我仅向您展示了如何添加基本的自定义登录页面。 但是,如果您想使其自定义……使用社交登录之类的方法怎么办?

如果是这样,您可以使用Nextend社交登录插件使用短代码或随附的小部件在您网站的任何位置添加社交登录。

与其他插件一样,您还可以为用户登录后设置自定义重定向。

我不会在本节中为您提供任何教程,因为我已经在详细的Nextend Social Login评论中介绍了所有工作原理。 因此,如果此方法引起您的注意,请确保将其发布出去!

社交登录

获取Nextend社交登录

方法5:自定义本机WordPress登录页面

最后,我想谈谈一个事实,有很多免费的插件可以帮助您自定义本地WordPress登录页面,而无需创建自己的登录页面。

这些插件可让您重新皮肤 wp-login.php 页面,同时保留所有相同的功能。 通常,您将能够更改:

  • 将默认的WordPress徽标转换成您自己的徽标
  • 颜色和背景
  • 表单标签和占位符

一些插件还为您提供其他选择。

如果您对这种方法感兴趣,请查看我们有关最佳自定义登录页面插件的文章。

关于如何创建自定义WordPress登录页面的最终想法

如果要创建可嵌入内容或侧边栏中的自定义登录页面表单,则“干净登录”和“使用Ajax登录”都是不错的选择。

每个插件不仅可以让您在网站上的任何地方添加登录表单,还可以帮助您设置自定义重定向,以在访问者登录后将访问者发送到正确的位置。

此外,如果您是许多愤怒的“主题我的登录”用户之一,则他们都是出色的“主题我的登录”替代方案。

如果您已经在网站上使用Elementor Pro(像WPLift一样),您不需要任何外部插件,因为您已经可以使用灵活的Login小部件。 与前两个插件一样,Elementor Pro可让您在用户登录后设置重定向。

最后,如果要将社交登录名添加到站点上的任何位置,则Nextend社交登录名将为您提供短代码和小部件。 而且,如果您希望坚持使用本机WordPress wp-login.php页面,还可以找到很多插件来帮助您自定义其样式。

现在交给您-还有其他有关如何为WordPress创建自定义登录页面的问题吗? 发表评论,我们将尽力帮助您!

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=