主要外卖
- Elementor 切换与手风琴比较中,唯一的功能差异是有多少项保持打开状态:一个手风琴保持一个项目打开,一个切换让几个项目同时保持打开状态。
- Elementor 4.3 将 Toggle 小部件隐藏在小部件面板中,而 Accordion 小部件通过 Max Items Expanded(设置为一或多)涵盖这两种行为。
- Elementor Tabs 在单个内容区域上方显示一排标题,每个选项卡可以容纳任何小部件,这适合三到六个具有相似权重的部分。
- 内容切换器也称为内容切换,当访问者单击切换时,会用另一个块替换整个块,并且 Elementor 和 Elementor Pro 都不包括一个块。
- Master Addons Toggle Content 小部件是一个 Pro 内容切换器,具有两个或多个选项,每个选项保存文本或保存的部分、页面或小部件模板。
Elementor 切换和手风琴的区别在于,有多少项可以一起打开,一个手风琴在点击另一个时关闭打开的项目,一个切换让它打开,选项卡和内容切换器又是不同的工具:它们交换固定空间中显示的内容,其中一个手风琴和一个切换向下扩展。
此比较涵盖了所有四个,显示了当前 Elementor 版本中 Toggle 小部件的位置,并以用于在它们之间进行选择的表格结束。
目录
切换 vs 手风琴 vs 选项卡 vs 内容切换器一目了然
4个小部件都隐藏内容,直到访问者提出要求为止,它们在访问者点击的内容和接下来会发生什么方面有所不同。
| 手风琴 | 切换 | 选项卡 | 内容切换器 | |
|---|---|---|---|---|
| 访客点击什么 | 堆栈中的标题 | 堆栈中的标题 | 连续一个选项卡标题 | 开关上的标签 |
| 发生了什么 | 项目打开,前一个项目关闭 | 项目打开,其他项目保持原样 | 内容区域发生变化 | 整个块被替换 |
| 物品立即打开 | 一 | 任何号码 | 一 | 一 |
| 页高 | 单击更改 | 单击更改 | 大部分是固定的 | 大部分是固定的 |
| 典型的项目数量 | 4至12 | 3至8 | 3至6 | 2或3 |
| 最好的 | 常见问题解答 | 人们比较的细节 | 特点、规格、评论 | 每月和每年的定价 |
| 在元素器中 | 手风琴小部件 | 手风琴小部件,最大项目扩展为多个 | 选项卡小部件 | 不包括,需要一个插件 |
元素手风琴:一次一个答案
手风琴是一堆标题,一次只打开一个项目,单击第二个标题,第一个关闭。这会使页面保持简短,这就是为什么手风琴是常见问题解答的常用选择。
Elementor 4.3 中,每个手风琴项目都是一个容器,因此它接受任何小部件,不再局限于文本,控制其行为的设置位于 互动 "内容"选项卡的部分:
- 默认状态: 先膨胀或全部崩溃。
- 最大项目已扩展: 一个或多个。
- 动画时长: 打开一个项目需要多长时间,默认情况下为 400 毫秒。
布局部分还有一个 常见问题解答架构 switch,它为项目添加了常见问题结构化数据,如果你想要更多的标题样式和图标,请看 高级手风琴小部件.
Elementor Toggle:几个答案一起打开
拨(toggle),看起来像手风琴,不同的是每件物品都是自行打开和关闭的,一个访客可以打开第一、第三和第四件物品,一起阅读。
Elementor过去把Toggle作为自己的小部件发货,在Elementor 4.3中它从小部件面板中隐藏。在搜索框中键入“toggle”, 你就得到了选项卡和手风琴, 因为手风琴小部件现在同时做这两种工作。
要立即进行切换行为,请添加手风琴小部件并进行设置 最大项目已扩展 到 多个。将默认状态设置为所有崩溃,如果每个项目都应该开始关闭,这就是旧的Toggle小部件的加载方式。
元素师的 切换小部件文档 still 描述的是旧的小部件,对于新作品,使用手风琴。
元素标签:并排部分
Tabs 将标题排成一行,在下面显示一个内容区域,单击标题会改变该区域中的内容,页面高度大致保持不变。
Tabs 在各部分是平等的合作伙伴时工作,一个带有功能、规格和评论的产品页面是经典案例,访问者一次性看到每个标题,因此在点击之前就知道有哪些可用。
Ta们在太多的时候就停止工作了,过去的六个标题,行在桌面上包裹,在手机上变得拥挤,图片或图标标签标题和垂直布局,请参见 高级选项卡小部件.
内容切换器:将一个块交换为另一个块
器(content switcher)是一种带有两个或三个标签的小型开关,用另一个标签代替一个整块,也叫做内容切换,是定价页面上月度和年度切换背后的小部件。
Tabs组织不同的主题,切换器显示同一事物的两个版本,例如两个价格的相同计划或两个单元系统中的相同产品。
Elementor 和 Elementor Pro 不包含内容切换器。 切换内容小部件 master Addons Pro中是一个。每个选项都保存文本或保存的模板,开关可以是圆形或方形,Active Index设置哪个选项首先加载。
请参阅正在运行的内容切换器。 的 切换内容页面 有十个可点击的演示,包括计费开关以及公制和英制规格表。
你应该使用哪一个?
Yi内容来选择, 询问有多少件, 访客一次是否Yao看多于一件。
| 您的内容 | 用 |
|---|---|
| 十个支持问题,简短答案 | 手风琴 |
| 买家一起阅读的运输、退货和尺寸详细信息 | 切换(带多个手风琴) |
| 一本带有简短介绍的长传记 | 一件式手风琴作为阅读更多链接 |
| 一款产品的功能、规格和评论 | 选项卡 |
| 相同计划的月度和年度价格 | 内容切换器 |
| 其中一部分是为机构编写的,另一部分是为自由职业者编写的 | 内容切换器 |
| 仅登录用户才应查看的内容 | 这些都没有。使用显示条件。 |
4个小部件都让访问者决定要看什么,如果站点应该决定,通过登录状态,日期或用户角色,那是什么 elementor 中的显示条件 是为了。
如果您来这里寻找一个可以翻转开关的按钮,我们的指南是 在 Elementor 中创建切换按钮 有每种类型的步骤。
隐藏面板会伤害 SEO 吗?
No,只要隐藏的内容在页面HTML中,手风琴项目、标签面板和切换器选项都打印在源中,用CSS隐藏,搜索引擎可以读取。
将最重要的内容放在默认打开的项目中,因为访问者首先看到它。如果页面存在以给出该答案,请勿将主要答案隐藏在点击后面。
常见问题
Elementor 中手风琴和拨动有什么区别?
手风琴允许打开一个项目,因此打开一个新项目会关闭最后一个项目。一个切换让多个项目一起保持打开状态。在当前的 Elementor 版本中,两个项目都来自手风琴小部件,并且最大项目扩展设置(一个或多个)在它们之间切换。
为什么 Elementor 中缺少 Toggle 小部件?
Elementor 在当前版本中会从面板中隐藏 Toggle 小部件,因为 Accordion 小部件执行相同的工作。添加 Accordion,打开"交互"部分并将最大项目扩展为多个以获取独立打开和关闭的项目。
我应该使用选项卡还是手风琴?
使用选项卡来显示访问者选择的三到六个同等重量的部分,例如功能、规格和评论。使用手风琴来显示较长的简短答案列表,例如常见问题解答,其中一行选项卡标题不适合。
内容切换器与选项卡相同吗?
它们的工作方式相似,因为两者都交换一个领域的内容。目的不同。选项卡将不同的主题分开,内容切换器在紧凑的切换器后面显示同一内容的两个或三个版本,例如月价和年价。
Elementor 有内容切换器吗?
No。Elementor和Elementor Pro都不包括内容切换器或内容切换小部件。您可以用Tabs小部件近似一个,或者从Master Addons Pro等附加组件中添加一个,在那里它被称为切换内容。
最后的想法
Elementor切换vs手风琴是由一个设置决定的,Max Items Expanded,因为现在两者都生活在手风琴小部件中选项卡和内容切换器解决了一个不同的问题:它们改变填充固定空间的选项卡适合几个主题,而切换器适合一个事物的两个版本。
对于最后一种情况, 切换内容小部件 是 Master Addons Pro 中的内容切换器。
相关阅读
