并非每个元素都属于每个访客面前。 “注册”横幅对于登录会员来说是噪音,周末促销活动周二没有商业表现,侧边栏卡可能只在博客文章上有意义。 显示条件 扩展于 Elementor 的主插件 处理所有这些:对决定何时渲染和何时隐藏的任何元素进行规则。
您可以在小部件的高级选项卡上正确构建规则,将它们与 AND 或 OR 逻辑组合,并且该元素仅在规则通过时显示。没有代码,也没有用于内容限制基础知识的单独插件。
显示条件扩展的作用 #
启用后,每个元素元素都会得到一个 显示条件 下节 高级 tab。flip on, 添加一个或多个条件, 元素只有满足时才会渲染, 每个条件都是一个三部分规则:检查什么, 一个 是/不是 运算符和值。
条件类型涵盖四组:
- 访客: 登录状态、用户角色、操作系统和浏览器。
- 日期和时间: 日期范围、一天中的时间和一周中的日期。
- 单身: 页面、帖子、静态页面、帖子类型和帖子有期限。
- 档案: 分类学档案、术语档案页面、帖子类型档案、日期档案、作者档案和搜索结果。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态。插件新增?关注 安装指南 首先。
- 显示条件是免费扩展,因此不需要专业许可证。
如何启用显示条件扩展 #
从您的 WordPress 仪表板,转到 主插件 并打开 扩展 选项卡。显示条件位于 动态小部件 旁边有特色徽章的团体 包装链接 並 动态标签。单击其切换使其变为紫色,然后点击 保存更改 并等待绿色“设置保存成功”通知。

向元素添加条件 #
在 Elementor 编辑器中选择元素,打开 高级 选项卡,并展开 显示条件 带有紫色 MA 徽章的部分。翻转 显示条件 到是,并且出现了控件:
- 输出 HTML: 默认情况下关闭,因此完全跳过隐藏元素。打开它,HTML 仍然加载但仍使用 CSS 隐藏,如果页面上的脚本期望标记存在,这一点很重要。
- 显示于: 多条规则之间的逻辑。 足(和)的所有条件 要求每条规则都通过; 足(或)的任何条件 显示至少一个元素时。
- 条件: 中继器列表。单击 添加项目 对于每条新规则。

选择条件类型 #
打开一个条件,第一个下拉列表列出了您可以检查的所有内容,分为访问者、日期和时间、单次和存档。

示例:仅向已注销的访问者显示 #
将规则设置为 登录状态, 不是, 登录。会员消失一张有此规则的注册卡,并一直向其他人推销。将操作符翻转到 Is,同一张卡成为会员专用卡。

示例:按帖子类型限制 #
甲 帖子类型 is or Is not 运算符的规则会保持某个元素打开或关闭特定的内容类型, 保留值为空以匹配任何帖子类型, 如面板提示所说。通过添加项目将其与更多规则堆叠起来, 并记住设置时的显示决定它们是否组合为 AND 或 OR。

页面上的结果 #
Publish, 加载页面为不通过规则的人, 元素没了:在演示中隐藏了三张牌行的第一张牌, 另外两张照常渲染。

Output HTML 关掉,隐藏卡根本不在页面源中,服务器一开始就没发过。
展示条件在哪里可以获得保留 #
- 会员内容。 向登录用户显示下载按钮,向其他人注册推介。
- 预定的促销活动。 日期范围或周日规则会显示周末横幅,周一您无需触摸页面。
- 基于角色的仪表板。 用户角色规则仅显示管理员到管理员的快捷方式。
- 浏览器和操作系统怪癖。 将行为不端的元素隐藏在一个浏览器中,而不是在午夜调试它。
- 模板微调。 页面、帖子类型和存档规则允许一个模板携带仅出现在它们所属位置的部分。
视频教程 #
请参阅首尾构建的规则,从启用扩展到隐藏自身的卡。
常见问题 #
如何为登录用户显示或隐藏 Elementor 元素?
启显示条件扩展,打开元素的高级选项卡,添加登录状态条件,将其设置为"已登录以仅向会员显示该元素,或"未登录以仅向来宾显示该元素。
我可以使用哪些条件来控制可见性?
登录状态、用户角色、操作系统、浏览器、日期范围、一天中的时间、一周中的日期、页面、帖子、静态页面、帖子类型、帖子有期限以及分类存档、作者存档和搜索结果等存档检查。每个都采用一个是或不是操作员。
我可以在一个元素上组合多个条件吗?
是。Add Item 添加任意数量的规则,然后将显示设置为所有满足条件 (AND) 或任何满足条件 (OR)。并且要求每条规则都通过,而 OR 显示元素时至少有一条规则通过。
HTML 页面中是否仍然加载一个隐藏元素?
默认情况下,否:元素跳过服务器端,永远不会到达浏览器。如果您想要标记存在但用 CSS 隐藏,则打开输出 HTML 切换,某些脚本需要在 DOM 中找到该元素。
显示条件扩展是免费的吗?
是的。显示条件附带 Elementor 的 Master Addons 免费版本,位于"扩展"选项卡的动态小部件组中。 定价页面 涵盖 Pro 计划添加的内容。
包裹起来 #
Display Conditions扩展将每个Elementor元素变成条件内容:挑选要检查的内容,设置Is或Isnot,让AND/OR逻辑处理其余部分,客人看到音调,会员看到内容,周末横幅自行打卡,它与很好地结合 动态标签 在模板中,以及其余部分 主插件小部件和扩展 涵盖免费编辑器中的其他空白。