如何为 WordPress 创建弹出式登录

想要添加文字新闻弹出式登录? 这些模态屏幕为网站添加了一点比萨饼,以便用户可以轻松地访问其信息。 遗憾的是,默认情况下,WordPress 没有此功能。 但是,您可以使用插件快速添加它们。

本教程演示如何添加 WordPress 模式登录屏幕。 用户可以以更“花哨”的方式访问网站,而不是使用传统的表单或后端登录屏幕。

登录弹出式模式有何益处?

模式登录弹出窗口是 自定义登录屏幕这样,您就不必使用实际网页来控制用户访问。 相反,这一切都通过弹出窗口完成。

首先,WordPress 自定义登录弹出窗口为用户提供了注册和访问网站的机会,而无需访问其他页面。 例如,在边栏中添加登录/注册按钮允许访问者发送信息,而无需离开他们正在阅读的帖子。

速度是使用弹出式登录屏幕时要解决的另一个问题。 在大多数情况下,这可以加快网站的访问速度,并提供更好的体验。 弹出窗口只是登录到用户,而不是从一个页面移动到另一个页面。

如果您经营电子商务网站或鼓励注册的其他类型的网站,这非常有用。

使用 AJAX 登录和注册

在本教程中, AJAX 登录和注册模式弹出窗口 。.plugin。 这是一个易于使用的工具,不仅提供定制,而且绝对设计得很好 响应移动网站.

笔记: 要使用此插件,请单击 用户注册 可在网站上找到。

安装并启用 AJAX 登录和注册。

[設定]转到[ログイン/モーダルの登録]单击。

登录模式

一般

常规设置

在“设置”屏幕上,单击[全般]选项卡控制窗体行为的各个方面。

例如,您可以选择在注册后查看电子邮件、重新加载页面或在注册表单上显示访问者的名字和姓氏。

您希望确保真实用户已注册您的网站,因此请启用确认电子邮件。 默认情况下,此选项处于禁用状态,您可以通过单击“常规”下的复选框来选中它。

验证您的电子邮件地址

如果要对此屏幕进行更改,不要忘记保存设置。

高级

高级设置

[詳細設定]在屏幕上,您可以更改登录和注册选择器的处理程序。 这是当jQuery想改变的方式使用WordPress登录弹出插件。

今天,我们将保留这些默认值。 如果您不确定自己对编码元素执行什么操作,最好也这样做。

电子邮件

电子邮件

[電子メール]在“”部分中,您可以自定义发送给用户的消息。 这包括与此插件集成的注册和忘记密码的电子邮件。

自定义消息以添加一些个性。 我们希望使与网站的所有互动都独一无二和引人入胜。

我们建议您删除注册电子邮件中的密码字段。 大多数人不欣赏这些信息随时可用。 这会带来安全风险,但我们还不知道为什么一些开发人员会在电子邮件中包含此信息。

删除密码

如果您对电子邮件进行了更改,不要忘记保存更改。

公式

公式

表达式允许您自定义在发生特定事件时向用户显示的简单消息。 例如,您可以更改按钮和其他窗体元素的文本。

添加 WordPress AJAX 登录弹出窗口

调整设置后,向网站添加登录/注册按钮或链接。

今天,我要设置这个侧边栏。 但是,更改本教程并使用特定页面或导航菜单的登录/注册数据不会花费太多时间。

转到“外观”,然后单击“微件”。

小部件

将“自定义 HTML”小部件拖放到边栏中。

自定义 HTML

将以下代码粘贴到小部件中。[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<a href=”#login” class=”lrm-login lrm-hide-if-logged-in”>Login</a>
<br><button class=”lrm-login lrm-hide-if-logged-in”>Login</button>[/ht_message]
粘贴弹出代码

这将显示文本链接和按钮在网站上的外观。 从技术上讲,上述两个链接都不是必需的。

请务必注意,此代码包含隐藏按钮的选项。 这意味着,如果您已经登录到网站,则不会看到任何链接或按钮。

单击右下角的“保存”按钮。

保存小部件

边栏中现在有两个登录链接。 一个是文本链接,另一个是按钮。

登录链接

这些链接之一加载 WordPress AJAX 登录弹出窗口。

弹出式

但是,这并不意味着您需要在边栏中保留两个登录版本。 您可能想要一个文本链接或按钮链接。

选择文本链接

如果只想使文本链接在小部件中可用,该怎么办? 然后删除此代码并留下文本链接。[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<br><button class=”lrm-login lrm-hide-if-logged-in”>Login</button>[/ht_message]
删除按钮

保存小部件。

这将删除该按钮,仅显示网站上的登录文本。

仅登录文本

选择按钮链接

在我看来,在这种情况下使用登录按钮要好得多。 移动用户更容易点击,在网站上更清晰。

若要删除文本链接并单独保留按钮,请从小部件中删除以下代码:
[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<a href=”#login” class=”lrm-login lrm-hide-if-logged-in”>Login</a>[/ht_message]

删除文本代码

删除代码后,不要忘记保存小部件。

现在只剩下登录按钮了。

登录按钮

就这样…

这可能是最简单的WordPress AJAX表单插件之一,用于允许用户登录到系统。 它工作得很快,不需要太多的更改。 这是使 WordPress 比已有的更有效率的另一种方法。

您希望在网站上使用哪些弹出窗口? 您如何利用营销策略中的用户注册?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何在 WordPress 中添加粘滞侧边栏浮动小部件

2022-10-9 16:09:07

WordPress 教程

如何将 404 页重定向到 WordPress 中的网站主页

2022-10-9 18:10:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索