使用 HappyAddons 的显示条件功能个性化您的网站内容
已发表: 2020-08-26设计一个需要根据用户角色显示内容的电子商务商店? 或者计划每天在非高峰时段为您的访问者提供特别折扣?……是的,现在您可以通过为 Elementor 网站设置一些简单的规则和条件来完成所有工作。
今天,我们将介绍 Happy Elementor Addons 的另一个高级功能,称为“显示条件”。 此高级 Elementor 功能可让您完全控制内容的可见性。 还可以在您不在时代表您的网站运行。 现在,您可以为特定日期安排一个网页,并在没有任何压力的情况下度过一个长假。 这个最新的快乐插件还有更多值得探索的地方!
但是,您也可以使用内置条件或创建一些自定义规则来显示/隐藏您的内容。 让我们一步一步地详细说明完整的过程。 从基本查询开始——
显示条件如何帮助您进行内容个性化

应用显示条件,您可以将内容展示到您选择的 Elementor 网站。 这些条件被分类为不同的属性,如浏览器、操作系统、日期范围、时间等,可以从“高级”选项卡轻松地进行分类。
此外,您可以灵活地为任何小部件、部分或列设置规则。 即使您可以在任何 Elementor 小部件以及任何第三方插件中包含条件。
但是,此高级功能使您的设计对您的用户更加个性化。 例如,假设您正在运行一个为 Windows、Mac、Linux 等提供各种可下载软件选项的数字平台。如何隐藏仅适用于 Mac 用户的 Windows/Linux 用户的下载链接。 或者反之亦然。 它使您的网站更加用户友好,并显着提高了转化率。
除此之外,将不同的规则应用于您的 Elementor 站点可能有几个原因。 如浏览器兼容性、用户行为、特殊事件、重大公告、限时优惠、新功能推广等。
让我们看看如何将此显示条件功能应用于您的 Elementor 网站–
使用显示条件功能的要求
以下是使用显示条件功能所需的先决条件:
- 一个WordPress网站
- 元素(免费)
- HappyAddons(免费和专业版)
同时,如果这是您第一次使用 Elementor,请通过这个简单的分步指南快速了解其工作流程。
重要提示:显示条件是一项全局功能,因此它可以与所有小部件(以及所有第三方插件小部件)、部分和列顺利配合。 您可以在我们的高级选项卡小部件中找到它。
如何使用显示条件功能
首先使用您的个人凭据登录到您的 WordPress 仪表板。 请仔细执行以下操作:
- 导航到仪表板 → 帖子
- 点击“添加新”
- 为您的主页添加标题
- 从右下角的下拉菜单中将模板设置为“Elementor Canvas”
- 单击“使用 Elementor 编辑”按钮

进入 Elementor 画布后,导航到编辑任何部分→高级选项卡→快乐功能→显示条件。 打开按钮。

让我们看看如何为不同的事件创建显示规则:
方法一:根据操作系统设置条件显示
显示条件允许您暗示将内容显示到任何特定操作系统的条件规则。 您可以根据操作系统表示不同的网站内容。 例如,当有人使用可能破坏您网站结构的过时浏览器或操作系统时,您可以显示错误消息。
要设置此规则,请从下拉菜单中选择操作系统。 然后为特定内容更新您的规则:

在这里,您将获得可供选择的操作系统列表:

从列表中选择操作系统并为所选块设置规则。

方法二:根据登录状态设置条件显示
好吧,您可以根据访问者的行为选项来管理内容。 如果您想为已登录的用户显示一些特殊内容或向未登录的访问者提供特殊消息,则可以使用此显示条件规则。

如果要设置未登录的条件显示,请转到:条件→登录状态→未登录→未登录
或者,对于已登录的用户,您需要这样设置规则:条件→登录状态→是→登录

方法 3:根据您网站的用户角色设置条件规则
您可以根据您网站的用户角色灵活地管理您的网站内容。

幸运的是,您将获得网站不同类型用户的列表。

要设置此规则,您应该:条件→用户角色→是→订阅者
此外,您将在这里获得一个特殊功能。 您可以限制您网站上特定访问者的任何内容。
假设您不想向订阅者显示某些内容。 在这种情况下,您必须设置如下规则:条件→用户角色→不是→订阅者。
因此,除了订阅者之外,所有用户都可以使用该内容。
方法四:根据具体时间设置条件显示
当您需要在特定时间段内提供特殊消息时,此功能适用。 它允许您设置时间 12Hr 时间格式。 内容将根据访问者的设备当地时间进行展示。 此功能对此类事件确实很有帮助; 如果您正在进行某种促销活动或在有限的时间内举办赠品计划。

让我们举个例子。 假设您想在上午 11:53 显示一条消息。 然后转到:条件→时间→是→ (上午11:53)
现在,如果您想在 12:00 pm 之后隐藏消息,那么您必须设置另一个规则,例如: Condition → Time → is not → (12:00 pm)
因此,内容将在 12:00 pm 之后隐藏。
方法五:根据具体日期显示内容
如果您想在特定日期传达特殊信息,请将此规则设置到您的 Elementor 网站。 按照这个方向设置显示条件: Condition> Date> is > (29/02/2020)

此外,您可以从下拉菜单中获得更多选项来为您的 Elementor 站点设置条件规则。 在此处查看完整文档。
使用快乐插件升级您的 Elementor 网站
Elementor 是一个伟大的工具,它在一夜之间改变了 WordPress 网站开发的概念。 它使各种用户都可以开发自己的网站,而不管他们先前的技术知识如何。 快乐插件就像蛋糕上的樱桃一样工作。 它可以让您使用高性能的设计工具以您喜欢的方式塑造您梦想中的网站。
使用 HappyAddons,您将获得几个高级小部件和功能,以立即构建功能强大的网站。 显示条件是一个非常棒的功能,可以在访问您的网站时增强您的用户体验。
请在下面的评论部分分享您对 HappyAddons 的查询。