多种风格预设和布局
从内置预设开始,Horizontal Tabs 将标题排成一排放在顶部,Vertical Tabs 在侧面排列,Left Active Border 在打开的选项卡上标记有彩色边框。Master Addons Pro 为盒装外观添加了 Tabular Content 预设。每个预设都只是一个起点,因此您可以重新设计以匹配您的品牌。
- 水平和垂直布局:选择适合您内容的选项卡方向。
- 视觉预设:从设计的布局而不是空白小部件开始。
- 易于切换:从水平选项卡更改为垂直选项卡,无需重建内容。
选项卡 (Pro) 中保存的模板
Free 版本从文本编辑器中填充每个选项卡,有了 Master Addons Pro,每个选项卡可以使用不同的内容类型:简单的文本编辑器、已保存的部分、已保存的小部件,甚至是整个已保存的页面模板,这意味着您可以将复杂的定价表、联系表单、图片库或任何其他预先设计好的内容块放入选项卡中,就像一个页面中有多个页面,没有杂乱无章。
- 模板集成:将任何保存的 Elementor 模板插入选项卡中,以实现无限的设计可能性。
- 一致设计:重复使用现有的部分和小部件以保持连贯的外观。
- 非常适合比较:使用选项卡在不同的产品规格、定价计划或功能列表之间切换。
独立设置选项卡和内容
通过对选项卡的每个部分进行造型,实现完美、抛光的外观 分别设计选项卡容器和内容区域 对于选项卡,控制不同颜色、背景、边框和排版的正常状态和活动状态 调整填充、边距和图标大小 对于内容区域,对背景、填充、边距和排版进行样式设计 此级别的控制可确保您的选项卡看起来一体且专业。
- 基于状态的造型:为活动和非活动选项卡设置独特的颜色、背景和边框。
- 图标支持:将图标添加到选项卡并控制其大小和位置。
- 内容区域设计:对内容容器进行风格设计,以符合您网站的美学。
选择选项卡如何响应用户
定用户如何与您的选项卡交互将选项卡效果设置为单击(传统)或悬停(用于更快的导航),您还可以设置默认打开哪个选项卡。这种灵活性允许您创建您想要的确切用户体验,无论是快节奏的产品展示还是仔细的、循序渐进的指南。
- 单击或悬停:选择适合您内容的触发器。悬停是默认值。
- 默认活动选项卡:设置页面加载时打开哪个选项卡。
选项卡常见问题
我可以在选项卡标题中使用图标和文本吗?
是对于每个选项卡,将图标类型设置为图标或图像,然后从库中选择一个图标或从您的媒体库中选择一个图像。样式选项卡中的图标大小控件设置图标显示的大小。
如何让标签在移动设备上看起来不错?
Elementor的响应式模式来调整平板电脑和手机的排版、填充和页边距。在发布之前在小屏幕上预览垂直选项卡, 因为标题列占用宽度。
的表格内容预设与其他有什么区别?
Tabular Content是一个Pro预设,它给标签内容区域一个鲜明的背景、边框和填充,使它看起来像一个与标签相连的盒子,与经典的下划线或边框左侧样式相比,它是一个更加结构化、包含的外观。
我可以将选项卡链接到外部 URL 或页面上的其他部分吗?
Advanced Tabs元素是专为在小部件内切换内容而设计的,为了链接到外部URL或页面部分,您可能需要一个不同的解决方案,例如导航菜单或锚点链接,但是,您可以将带有链接的按钮放置在选项卡内容内。
这与 Elementor 自己的 Tabs 小部件有何不同?
Elementor 的免费 Tabs 小部件可让您在每个选项卡内放置任何小部件,并将标题放在内容的上方、下方或旁边。Master Addons Advanced Tabs 为您提供悬停触发器、图标或图像标签以及 Left Active Border 等现成的预设,并且您可以根据需要向页面添加尽可能多的 Advanced Tabs 小部件。Pro 将 Tabular Content 预设和保存的部分、小部件或页面模板添加为选项卡内容。
"左侧活动边界"预设如何工作?
Left Active Border预设通常会突出显示左侧有彩色边框或背景的活动选项卡,它是一种现代、干净的外观,如果您想要独特的指示器,它非常适合垂直选项卡甚至水平选项卡。
