Elementor 内容切换小部件用于切换部分 (Pro)

Toggle Content是一个Master Addons Pro小部件,它将一个开关放在一个内容块的上方(或下方),访问者点击一个标签,其下的内容会发生变化,Billed Monthly和Billed Yearly开关改变一组定价卡的方式,每个选项都可以保存您键入的文本或保存的Elementor部分、页面或小部件模板,并且您可以添加任意数量的选项,活动标签后面滑动一个彩色指示器,它是内容集之间的切换,而不是扩展和崩溃列表,因此对于可折叠的常见问题解答使用 高级手风琴 相反。

如何在 Elementor 中添加内容切换

切换内容需要 Elementor 和活动 硕士插件专业版 license。if option应该显示一个完整的布局,那么先将该布局保存为模板。

  1. (例如每月定价和年度定价)之间切换的部分保存为元素模板。
  2. 使用 Elementor 编辑您的页面,搜索小部件面板 切换内容 并将其拖到位。
  3. 在 元素、重命名标签一和标签二,如果需要的话添加更多项目。
  4. 对于每个项目,将"键入内容"并编写文本,或将其设置为"模板"并选择保存的部分、页面或小部件。
  5. 在 切换设置、选择活动索引,将开关放在内容之前或之后,并设置指标速度。
  6. 键入 Toggler、指示器和标签,设置 Stack On 移动版,然后预览并单击每个标签。

每个设置都包含在 切换内容小部件设置 指南。

定价部分带有计费月度和计费年度开关,旁边是切换内容项目,设置为类型模板,并选择保存的部分

每个选项中的文本或保存的模板

X中的每一项,都将所有项目都放在了所有项目中,而这些项目都放在了所有项目中 元素 中继器是开关上的一种选择。给它一个 标签 和一个可选的 图标 (标签前后, 带图标间距)。然后设置 类型 到具有媒体和动态标签的文本编辑器的内容,或者到模板并从元素库中选择保存的部分、页面或小部件。

  • 将月度和年度定价表构建为两个保存的部分,然后每个部分指向一个选项。
  • 表单、图库或任何其他小部件保存为模板后可以放在选项中。
  • 每个选项的样式子选项卡中都有自己的标签颜色、活动标签颜色和指示颜色。

设置切换器、指示器和标签

的 切换器 切换轨道的部分样式:样式(圆形或方形)、背景颜色、边框半径、对齐、缩放以缩放、宽度 (%)、边框、盒子阴影、填充和边距。 指标 滑动高光具有自己的背景、高度、宽度、边框半径、盒子阴影和衬垫。 标签 设置默认状态、悬停状态和活动状态的排版、过渡、空格之间和颜色。

  • 甲 内容 部分为下面的面板设计了排版、填充、边距、边框、颜色和背景。
  • 指示器速度设置幻灯片需要多长时间,默认情况下为 0.3 秒。
  • Content面板本身就直接掉换了,只有指标滑动。
圆形单人和无限内容在卡片上方切换,靠近 Toggler 和 Indicator 样式设置
个人和企业内容与业务活动切换,旁边是带堆叠打开的标签设置和内容样式部分

默认选项、位置和移动布局

活跃指数 选择显示页面加载时间的选项,第一个选项为 1。 位置 将开关放在内容之前或之后。在小屏幕上, 堆叠 (全部, 平板电脑和移动设备, 或移动设备)将标签行变成垂直列表, 具有单独的内联对齐和堆叠对齐控件。

  • 有两个选项,单击活动标签可翻转到另一个选项,因此它的工作原理就像开关一样。
  • 3 个或更多,单击活动标签将进入下一个选项。
  • 该页面不记得该选择,因此每次访问都从"活动索引"选项开始。

内容 切换与手风琴与元素器中的选项卡

3个都节省了空间,但是它们解决了不同的问题 Elementor的旧Toggle小部件是一个可折叠的列表,Elementor现在将其隐藏在面板上,取而代之的是手风琴 Elementor和Elementor Pro都没有一个交换机,可以将一个内容集交换为另一个内容,这就是Toggle Content所做的。

小部件参观者看到的最好的哪里可以得到它
切换内容带标签的开关。一次显示一个内容集。每月和每年的定价、个人和商业计划、一个部分的两个版本硕士插件专业版
手风琴一堆扩展和崩溃的标题FAQ和短答案的长列表元素手风琴(免费)或 高级手风琴 (免费的)
选项卡内容区域上的一排选项卡标题几个重量相似的部分,例如功能、规格和评论元素标签(免费)或 高级选项卡 (免费的)

如果访问者需要一次看到几个答案,请使用手风琴。如果部分较多,选项卡会更清晰。当选择在同一事物的两个或三个版本之间时,内容切换会保持布局稳定,并使选择变得明显。它也与。 定价表 小部件。

模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
切换内容四舍五入
切换内容四舍五入
通过定价切换内容
通过定价切换内容

切换内容的常见问题

了解用户对 Toggle Content 的询问最多的查询,并在一个地方找到答案。
Toggle 内容免费吗?

No。 Toggle Content 是一个 Pro 小部件,需要一个 硕士插件专业版 许可证。免费插件有 高级手风琴 並 高级选项卡的,它涵盖了可折叠列表和选项卡部分。

是。在一个项目中,将类型设置为模板,在模板类型中选择部分、页面或小部件,然后选择保存的模板。该选项显示整个模板的标签处于活动状态时。

内容切换与手风琴或选项卡有何不同?

A手风琴在一个列表中扩展和折叠项目,选项卡在一个内容区域上显示一排标题,内容切换是一个交换机,它将一个整套内容集交换为另一个,这适合每月或每年定价等选择,Elementor自己的Toggle小部件实际上是一个可折叠列表,现在隐藏起来有利于Accordion。

标签默认情况下排成一排。将 Stack On 设置为 Mobile、Tablet & Mobile 或 All 以垂直堆叠它们,并使用 Stacked Align 将它们排列起来。模板内容遵循其自己的响应式设置。

是。在元素中继器中单击添加项目以添加更多。通过三个或更多选项,单击活动标签移动到下一个,单击任何其他标签直接跳转到它。对于许多部分,选项卡通常更容易扫描。

趋势元素小部件和扩展

在更短的时间内构建复杂的网站。

Elementor 的 Master Addons Glassmorphism 扩展:模糊值控件设置为 20px 的磨砂玻璃卡

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
Elementor 的主插件容器额外扩展:容器上限为 1400px 最大宽度,具有最大宽度、最大高度、最小宽度和最小高度控制

集装箱附加信息

主页 Elementor 容器最大宽度和最大高度控制容器附加功能是免费的 Master。。。
查看详细信息
Elementor 的 Master Addons Patterns 扩展:具有紫色渐变网格左侧样式的英雄、另外三种图案样式和启用图案面板

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
Elementor 的主插件阅读进度条扩展:隐私政策页面顶部填充 42% 的蓝色条,具有启用、位置、高度和填充颜色设置

阅读进度吧

主页 在 WordPress(元素)中添加阅读进度栏 阅读进度栏是免费的。。。
查看详细信息