Popover Toggle 字段在使用主插件构建的自定义小部件中一个开/关控件后面分组一些相关设置 小部件生成器。在 Elementor 中它显示为单行,带有铅笔图标。单击铅笔打开选项,打开一个小弹出窗口,其中包含设置。它保留了可选的额外内容,如覆盖层或徽章,无法填充面板。
Popover Toggle 是一个 Pro 字段,免费插件包含一个有限的小部件生成器,并且全套字段自带 硕士插件专业版.
Popover Toggle 字段的作用 #
- 它会向小部件的面板添加一行:标签、铅笔图标以及打开后重置箭头。
- 铅笔打开该选项并打开包含您定义的字段的弹出窗口。
- 切换本身存储
yes打开时空无一物,因此您的模板可以检查它{% if %}. - Popover 内部的每个字段都有自己的令牌,由切换的名称和由下划线连接的字段名称组成。
如果您还没有构建小部件,请阅读 小部件生成器概述 首先。
在开始之前 #
- WordPress 已安装并处于活动状态。
- Elementor 和 Master Addons Pro 的主插件均处于活动状态。 安装指南 盖设置。
- Widget 生成器中打开的小部件,本指南中的示例是一个带有可选覆盖层的 “图像横幅” 小部件:名为的弹出切换
overlay里面有两个字段,color並strength.
如何添加弹出切换字段 #
- 去 主插件 > 小部件生成器 并打开您的小部件。
- 单击 风格 tab并添加一个部分,例如“叠加”。
- 类型
popover在左侧的字段搜索框中。 - 拖动 弹出切换 into the section。its settings open in the left sidebar。
Popover 切换字段选项进行了解释 #
- 标签 是《elementor》中铅笔旁边的文字,例如“overlay”。
- 名字 是字段的唯一ID和它创建的每个令牌的开头,所以保持简短,例如
overlay。字母,数字和下划线仅。 - 描述 是建筑商内部的便条。
- 标签上 並 标签关闭 域保存,但 Elementor 将此控件显示为铅笔图标,因此这些单词不会出现在面板中。
- 弹出场 popover 内部的字段列出。每一行都有一个 名字,a 标签 和一个 类型。点击 添加字段 对于另一行,复制图标以复制其中一个,或者使用红十字来删除它。
- 默认值 设置小部件的新副本是否以打开(是)或关闭(否)选项开始。
Type 菜单提供文本、编号、文本区域、所见即所得、代码、隐藏、切换器、颜色、字体、排版、日期时间、URL、媒体、图库、图标、滑块、尺寸和背景。行只有名称、标签和类型,因此没有地方为弹出窗口内的字段设置默认值或范围。这里的滑块字段使用 Elementor 的标准范围,px 为 0 到 1000。
常见的设置进一步向下工作,就像在其他字段上所做的那样。
读取模板中的切换及其字段 #
有两个规则涵盖了该字段为您提供的所有内容:
- 拨动自己的名字打印
yeson的时候,关的时候什么都没有,用在{% if overlay %}. - 弹出窗口内部的字段读作切换的名称、下划线,然后是字段的名称。
color场变成{{ overlay_color }}并且strength滑块变为{{ overlay_strength.size }}.
<div class="img-banner">
{% if overlay %}
<div class="img-banner__overlay" style="background: {{ overlay_color }}; opacity: {{ overlay_strength.size }}%;"></div>
{% endif %}
...
</div>
点不适用于弹出窗口内的字段。在我们的测试中 {{ overlay.color }} 没打印任何东西,同时 {{ overlay_color }} printed 的颜色。toggle 关闭时,字段也会保留它们的值,所以总是将它们包裹起来 {% if overlay %}.
单击 保存设置 当你完成后。
在 Elementor 中使用弹出切换 #
将小部件添加到页面中,或者如果页面已经打开,则重新加载编辑器。选择小部件并打开放置字段的选项卡。它显示为带有铅笔图标的标签。
单击铅笔。选项打开,弹出窗口打开您的字段。立即设置它们和小部件更新。单击弹出窗口外部将其关闭。要再次关闭选项,请单击铅笔旁边的圆形重置箭头。
常见用例 #
- 图像和视频横幅上的可选颜色覆盖。
- 可选的徽章或丝带,具有自己的文字和颜色。
- 大多数编辑永远不需要看到的额外悬停效果。
- 高级间距或边框选项保留在主面板之外。
使用 Popover Toggle 字段的技巧 #
- Toggle的名字保持短,它里面的每一个字段都是以那个名字开头的。
- 始终检查切换
{% if %}its字段之前,因为值在关闭时保持保存。 - Popover 中使用两个或三个相关字段,超过这个就更容易在正常部分中找到。
- CSS 选项卡中设置默认样式,弹出窗口内部的字段没有自己的默认值。
- 对于内部没有设置的简单开/关,请使用 开关器字段.
常见问题 #
Popover Toggle 字段免费吗?
No。 Popover Toggle 是 Widget Builder 中的 Pro 字段之一,因此 Master Addons Pro 必须处于活动状态才能将其添加到小部件中。
切换令牌打印什么?
{{ overlay }} 打印 yes option打开时,关闭时什么也没有,所以 {% if overlay %} 可作为支票。
如何从弹出窗口内部打印字段?
例如,将切换的名称和字段的名称与下划线连接起来 {{ overlay_color }}.滑块,加 .size、如在 {{ overlay_strength.size }}.
为什么 {{overlay。color}} 什么也打印不了?
Popover内部的字段,并不是嵌套在切换器下面的,使用下划线形式, {{ overlay_color }}而是。
为什么我的标签打开和标签关闭单词没有显示在 Elementor 中?
Elementor将弹出式切换显示为铅笔图标,而不是Yes/No开关,因此不会显示这些标签。
包裹起来 #
添加弹出切换、列出其字段、检查 {% if toggle_name %} 在您的模板中并将每个字段读为 {{ toggle_name_field_name }}。编辑器获得一个整洁的面板,只有当他们打开选项时才会出现额外的设置。对于将设置分组为选项卡,请参阅 选项卡字段,并检查 定价 对于每个计划包含的内容。
