根据不同条件控制访问者看到的内容可以使您的网站更具动态性和吸引力。Elementor 的 Master Addons 中的显示条件扩展允许您显示或隐藏基于以下内容的部分、列或小部件 素(如用户角色、登录状态、日期、时间、设备类型等)。
通过此功能,您可以个性化内容、显示 限时优惠者, 还是限制特定用户的访问—全部无需编码!
在本指南中,我们将探讨如何有效使用显示条件扩展来优化您的 Elementor 网站。
的 主插件的元素条件显示 elementor编辑器上创造条件的方式,该条件将决定访问者看到的内容,该扩展可用于根据访问者的行为显示或隐藏不同类型的内容。
在主插件中启用显示条件
使用前 elementor 的显示条件 "扩展 ", 确保在主插件设置中启用:
- 去你的 WordPress 仪表板.
- 导航至 主插件 → 扩展.
- 找 显示条件 并切换它 上.
- 单击 保存设置.
如何在 Elementor 中应用显示条件
启用后,您可以将显示条件应用于任何条件 节、列或小部件 在元素:
- 打开任何页面或帖子 元素编辑器.
- 选择要应用条件的部分、列或小部件。
- 在 高级 tab,向下滚动找到 显示条件 面板。
- 切换 “显示条件” 到是,并从可用的选项中进行选择。
- 置您的首选条件(例如, 仅显示给登录用户).
- 单击 更新 以保存更改。
显示条件规则
启用显示条件后,您将看到 “显示在”和“添加项目”选项, 可以根据需要添加任意多的条件, 也可以选择“所有条件均满足”或“任何条件都满足"来自显示"选项。
所有条件均满足:如果您选择此选项,那么您的内容将只对那些将满足您定义的每个条件的访问者可见,如果任何访问者未能满足您条件的标准,那么他无法检查您的内容。
任何条件均符合:如果您的访问者至少满足您列表中的一个条件,那么您的内容将对他们的设备可见。
创建动态条件页面
Master Addons 开发了一些很棒的条件,如登录状态、用户角色、浏览器、操作系统、时间范围、一天中的时间、一周中的日子等等。探索 Master Addons 插件以了解更多信息。
了解条件类别
Master Addons 中的 Display Conditions 扩展提供了多种规则来控制内容可见性,您可以根据用户状态、日期和时间、页面类型等设置条件,下面我们就来细分每个类别及其实际用途。
基于访客的条件
这些条件根据访问者的状态或设备来控制内容。
- 登录状态 。根据用户是否登录或注销来显示或隐藏内容。
示例:仅针对已注销的用户显示 “注册”按钮。 - 用户角色 指将内容限制为管理员、编辑器或订阅者等特定角色。
示例:仅向付费会员展示独家教程。 - 操作系统 适用于 Windows、macOS、Linux 等显示不同的内容。
示例:向 Mac 用户提供 macOS 专用下载链接。 - 浏览器 定制基于 Chrome、Firefox、Safari 等的内容。
示例:如果使用过时的版本,请显示更新浏览器的通知。
日期和时间条件
这些条件有助于根据时间安排内容可见性。
- 日期范围 。设置内容可见性的开始和结束日期。
示例:仅显示 12 月 1 日至 25 日的假日促销横幅。 - 一天中的时间 。 在一天中的特定时间显示内容。
示例:提供仅在上午 6 点至中午 12 点出现的“早间优惠”。 - 本周的日子 。在特定日期显示内容。
示例:仅在周六和周日推广"“周末特别”。
单页/帖子条件
根据单个页面或帖子类型控制内容可见性。
- 页码 。在特定页面上显示或隐藏内容。
示例:仅在 “联系我们”页面上显示联系表格。 - 帖子 工对特定博客文章应用条件。
示例:仅在某些博客文章上显示相关产品报价。 - 静态页面 。 目标静态页面,例如主页、关于或登陆页面。
- 帖子类型 工(博客文章,woocommerce 产品,自定义帖子类型等)对不同的帖子类型应用条件。
示例:仅在产品页面上显示"“立即购买”按钮。
基于存档的条件
这些条件会影响归档页面(例如类别页面、搜索结果和作者档案)上的内容可见性。
- 分类 1 根据类别或标签显示或隐藏内容。
示例:仅在 “Technology”类别的帖子上显示 “Technology”横幅。 - 术语 4 针对分类法中的特定术语。
- Post 类型 指在博客文章、产品或自定义帖子类型的档案上显示内容。
- 日期 4 在特定日期发布的帖子的存档页面上显示内容。
- 作者 (Author) 显示特定作者撰写的帖子上的内容。
示例:仅根据客座博主的文章显示"与作者见面"部分。 - 搜索 (Search) 自定义搜索结果页面的内容。
示例:如果搜索查询没有匹配,则显示 “没有找到结果”消息。
实用用例
的 显示条件 master Addons 中的扩展,通过控制内容出现的时间和地点,让您个性化 Elementor 网站,以下是一些有效使用此功能的实用方法。
个性化用户体验
根据访问者的登录状态或用户角色显示不同的内容。
需要注意的一件重要事情是:当您从高级选项卡启用 “条件显示”时,它默认设置登录状态条件。
例如,假设您想显示一个“欢迎回来!登入用户的”留言。
相反,显示一个“立即注册”按钮, 供未登录的访客使用。
样[,也]可以根据用户角色设置显示条件,只需从条件中挑选“用户角色”,并选择您希望元素为或未为出现的特定用户角色,即可简单!
限时优惠和季节性促销
使用日期范围条件安排特别优惠和公告。
例如,您只能显示黑色星期五促销横幅 11月20日至11月30日。
基于一天中的时间的动态内容
通过在不同时间显示不同的内容来优化用户参与度。
例如,送餐网站可以显示“早餐菜单早上起锅,还有一个“晚餐特价晚上的"部分"。
只需在条件下选择"Time of Day"即可。现在您将看到一个字段,上面写着"“Before”。要设置早餐菜单的时间,请输入 12:oo PM。
早餐菜单将显示至中午 12:00。
您可以将午餐菜单设置为显示至晚上 8:oo PM,将晚餐菜单设置为显示至晚上 11:00。
优化桌面和操作系统体验
Elementor 条件显示扩展的帮助下,可以定义哪些内容在不同的浏览器上会可见,目前有 6 个浏览器 IE、Firefox、Chrome、Safari、Opera、Opera Mini 可用于设置条件。
您所要做的就是选择“浏览器”作为条件,然后选择浏览器名称,这样您就可以在选定的浏览器上显示您的内容。
您可以使用此条件在移动设备上隐藏大图像或动画,以加快加载时间。
或者,如果某个功能在 Chrome 或 Firefox 上效果最佳,请显示 Safari 特定消息。
Display Condition 扩展程序,您还可以根据访问者的操作系统展示特定内容,该条件共有 11 个操作系统可用,这足以创建基于动态操作系统的网页。
IPhone、Windows、OpenBSD、Linux、Safari、Mac OS、QNX、BeOS、OS/2 和 Search Bot 选择您想要的操作系统作为条件,然后定义您是否喜欢展示该操作系统的内容或隐藏该操作系统的内容。
这些只是我们接触过的一些用例。
要第一手查看如何使用此扩展名,您还可以观看 条件显示扩展视频 了解更多相关信息。
您可以使用此扩展程序做更多的事情,例如,您可以动态显示不同帖子、页面甚至帖子类型的内容,为此您需要使用 Elementors header & footer builder,但我们将在单独的帖子上讨论该问题。保持关注!
