主要外卖
- Nested Tabs 取代了原来的 Tabs 小部件,旧的自 Elementor 3.8 以来在面板中显示了一个弃用通知,而你拖入的新选项卡是嵌套版本。
- 每个面板都是一个容器,因此表单、图库、循环网格和定价表都可以在选项卡内工作。
- Breakpoint 控件将条带变成低于您选择的宽度的垂直手风琴,默认使用移动设备。
- 水平滚动将一排长标题保留在一行上,并让访问者浏览它们。
- 中继器只保存选项卡标题,它会吸引人们:面板内容构建在画布上,而不是构建在面板中。
Elementor的标签页以前是一个文本框内的文本框,你在一个字段中输入标题,在另一个字段中输入内容,如果你想在其中输入联系表,那就运气不好。
Nested Tabs改变了模型,现在每个面板都是一个容器,这意味着整个小部件库都可以在一个选项卡内使用,这篇文章涵盖了它是如何工作的,控件在哪里居住,以及它仍然让人们感到沮丧的三个地方。
目录
改变了
Tabs旧小部件将所有内容存储在一个中继器中:标题字段和每行一个内容字段。这使得它变得简单,并且还限制了它可以容纳的内容,因为内容字段获取文本和图像,而没有其他内容。
Nested Tabs 将它们分开,中继器保留标题,每个面板都成为你在里面构建的画布上的真实容器,Elementor 调用这个嵌套,tabs 是第一个获得它的小部件。
旧的小部件仍然会发货,因此现有页面会继续工作,编辑一个会显示一条通知,说明任何新的选项卡小部件都将是嵌套版本。该通知登陆版本 3.8。
1件值得清理的事情,因为大量的攻略和AI答案还是说:你不必打开嵌套元素,它作为实验到达,而在当前的Elementor中它被标记为稳定,默认情况下处于活动状态并且不可切换,所以它根本不会出现在实验屏幕中,如果你去寻找设置,找不到它,这就是原因。
一栋楼
- Tabs拖到页面上,你得到三个tabs,每个tabs里面都有一个空容器。
- Tabs repeater 中重命名行,标题是唯一的字段,这是让来自旧小部件的人感到惊讶的部分。
- 单击画布上的选项卡打开其面板,然后将小部件拖入容器中。
- Repeat 对于每个选项卡。添加或删除与中继器的行, 与其他任何地方相同。
重要的控制
Direction移动标题条,顶部和底部保持水平,而Start和End则将其变成侧列,即垂直的标签页布局,Start和End遵循文本方向,因此它们以从右到左的语言翻转。
证明标题处理间距并对其进行对齐:标题是伸展以填充条带还是坐在一起,以及文本如何在每个条带内对齐。
横向卷轴,在附加设置中,停止一长排标题的包装条形卷轴相反,访客滑动或拖动它。
Breakpoint 坐在同一段,是值得了解的控件,在你挑选的宽度下方,条形切换到垂直手风琴布局,每个标题都在自己的面板上方,Mobile 是默认的,通常是对的。
您可以放入面板中的内容
Anything。面板是一个普通的容器, 因此适用完整的小部件列表:
- “Enquire”选项卡上的联系表
- “照料”上的图片库
- “上拉动相关产品的循环网格,你也可能喜欢”
- “计划”的定价表
- 选项卡内嵌套的一组选项卡,这是选项卡内"搜索"的"“选项卡"来源
Tabs inside tabs是可以的,在实践中很少是个好主意,两层tab strip意味着访问者必须记住他们选择了哪种组合,如果内容真的二维,外面的tabs和里面的手风琴读起来要好得多。
三个限制
Tab标题采用文本和一个可选图标,因此没有图像标题,如果标题必须是徽标或产品照片,则核心小部件无法做到这一点,带有Icon Type控件的插件可以。
面板在点击时发生变化,这是触摸屏的正确默认值,并且没有某些设计使用的悬停行为的设置。
Styling从零开始。没有预设,所以小部件掉落平淡,每一个边框,颜色和填充都是你做出的决定。那就是灵活性,在截止日期也是二十分钟。
当插件小部件更适合时
这三个限制大致是附加选项卡小部件的功能列表。 主插件选项卡小部件 从样式预设开始,在每个标题上获取图标或图像,如果您以这种方式设置选项卡效果,则在悬停时切换面板。其中任何一个都不需要 Elementor Pro。
Trade 运行的方式相反:它的面板采用编辑器内容,因此在内部放置一个表单意味着将内容类型指向保存的模板,这是一个 Pro 选项。面板中的容器是只有核心小部件做的一件事。
线(dividing line)贯穿面板,其内部的互动内容表示嵌套标签,必须看起来像特定东西的标签条表示插件。
常见问题
Elementor 中的选项卡和嵌套选项卡有什么区别?
Nested Tabs 在每个面板中都放了一个容器,这样你就可以把小部件丢在里面,旧的 Tabs 小部件有一个简单的内容字段,并且已弃用。
我需要首先启用嵌套元素吗?
No。当前Elementor默认是活动的,无法关闭,所以实验中不再列出,告诉你启用它的旧教程已经过时了。
Nested Tabs 是否在免费 Elementor 中提供?
是的,它是免费插件的一部分,当您将选项卡小部件拖到页面上时,您会得到它。
我可以在选项卡内嵌套选项卡吗?
Shi,因为面板是一个容器,它接受任何一个小部件,包括另一个Tabs小部件,它变得很快混乱,所以内层的一个手风琴通常更清晰。
如何让 Nested Tabs 倒塌成手风琴?
开附加设置,设置断点,在该宽度以下的条形切换为垂直手风琴布局,默认移动。
选项卡标题可以使用图像吗?
Not in core widget。titles 采用文本和一个可选图标。带有图标类型控件的附加组件小部件可以使用图像。
最后的想法
Nested Tabs是面板内部必须发生某些事情时要伸手去做的一个,仅手风琴断点就值得重建旧的标签块,它让你在造型上没有先机,标题上没有图像,这是空白插件小部件填充。
相关阅读
