Edit Content

微信扫码

备注 「 谷歌广告 」 

朋友圈更多干货实时分享

免费分享干货

Elementor 嵌套选项卡使用教程

本文目录

嵌套标签是 Elementor 中的一项强大功能,允许用户创建具有层次感和组织性的内容结构。它的主要优势包括:📝 层次化组织、🖌️ 设计一致性、🔧 小部件灵活性、🚀 动态内容、🗂️ 分步指导、🎨 视觉增强、🖼️ 富有想象的布局、👥 用户体验改进。

对于建站初学者,想在自己的网站上面增加一个可以切换的标签,用来展示自己的服务、工厂,有图文和按钮,更加多方面的展现解决方法、工厂优势 ,轻松对内容进行有条理的分类。

但是普通 Elementor 的组件比如切换、标签、手风琴只能放普通的图文甚至无法排版,在最新的 Elementor 版本中已经更新了嵌套容器,只要稍加设置就可以做出如下的效果。

不熟悉 Elementor 容器操作的最好看下容器的教程👉🏻

嵌套容器的设置

设置上,Elementor 和 Elementor Pro 最新版默认 Flexbox Container 是开启的,如果是旧版本的可以自行开启下。

WordPress 后台→Elementor→设置→Feature→ Flexbox Container →「 Active

Nested Elements 嵌套元素此处务必为 Active

实操练习

进入 Elementor 编辑页面进行实操

直接搜索「tab」,「标签」组件和「手风琴」组件都是可以使用的

以标签为例,直接点击➕号就可以放入想要的组件

从下图(点击可放大)层级上就可以看出,每个 tab 下面都是单独的容器,并且做好一个 tab 之后可以直接点击复制,非常方便。

稍微再把样式修改下就可以做到下面的效果

微信扫码

备注 「 谷歌广告  」 

朋友圈更多干货实时分享

免费分享干货