如何使用Elementor Pro创建选项卡:实现内容自由切换

elementor pro选项卡教程

此功能需要有Elementor Pro才有这个元素。

使用elementor编辑你想要添加tab的页面。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – elementor editor

在左侧元素表中选择tab选项卡元素,拖曳到目标区域。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – choose tab widget

默认的是tab1、2、3,你可以添加和减少选项卡,自定义名称,例如下图。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – add or edit tab

样式中,标准,悬停,启用,字体和背景颜色按自己喜好来更改。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – change colors

下面就是类似正常编辑时的模块,功能一样的。先选择布局,例如黑色选中的结构,可以加入文章聚合页,产品聚合页,视频等,也可以选择不同的格式,添加图片,再加超链接。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – layout
如何使用Elementor Pro创建选项卡:实现内容自由切换 – add content

左侧元素栏里面的部件全部都可以添加到选项卡下面,主要用于归类,方便用户不需要频繁跳转。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – elementor tab

来源选择一般是current query,如果不能显示正确的,直接manual手动添加也可以,或者做标签,把内容聚合在标签里面,再从编辑栏里面选择相应的标签。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – choose query

添加完内容就跟下图一样,选择不同的选项卡会弹出不同的内容。

如何使用Elementor Pro创建选项卡:实现内容自由切换 – finish add content

Elementor教程系列

本文对你有帮助吗?

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部