在上一期的教程中,我们详细讲解了WPBakery Page Builder编辑器中的排(ROW)的使用方法。本期我们将重点介绍柱子(Column)的设置步骤和相关功能,帮助大家更好地掌握如何在网站前端编辑页面中展开和编辑柱子,从而实现更加精细的页面布局。
上一期我们讲述了WPBakery Page Builder编辑器的排(ROW)(详情可参阅掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(06))
今天我们讲一下柱子(Column)
步骤网站前端→Column→展开
我们进入网站前端的编辑页面,展开柱子(Column)
步骤Column→笔符号(编辑)
如上图所以我们能看到四个功能
分别是编辑,添加,粘贴,关闭
我们重点讲一下编辑,其他的功能一般新手用不到
步骤Column Settings→General
如上图这个界面,一般使用是默认的,新手一般不需要动
可以了解下CSS Animation:就是动画就是展示一些动画效果,之前的排(ROW)也有类似的动画效果,也会有模块也会有一样的功能设置,你理解为这个模块的展示的动态效果,比如(上划,弹出等,里面会有多重选择,根据实际情况调整)
步骤Column Settings→Design Options
如上图,这个界面的功能可以参考掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(06)来调整,大概意思都一样,区别只是ROW(排)整个与Column(柱子)单个
步骤Column Settings→Responsive Options
如上图,这是柱子(Column)与排(ROW)最大的区别
步骤Column Settings→Responsive Options→Width
这是柱子(Column)的布局方式,默认是(1/1),可以理解为一排或一个
步骤步骤Column Settings→Responsive Options→Responsiveness
如上图所示可以调整每个设备的布局,与展示或者隐藏,大家可以根据字母意思理解
如上图,这是WPBakery Page Builder编辑器与Basel主题的单独功能,一般也是默认,新手不需要动,排(ROW)也有这个功能,大家可以了解下
如上图所示每个排(ROW)都会带一个柱子(Column),但是ROW是控制整个的,上图有四个ROW,其中一个ROW是控制四个的,只有Column(柱子)是单独控制一个的,上述演示是1/4的布局
好了,这期给大家了解完柱子(Column)的功能,下期我们会讲述每个模块的设置,以及更多的装修Basel主题的方法和功能
总结:
好了,这期我们就介绍到这里,大家对WPBakery Page Builder编辑器中的柱子(Column)功能有了基本的了解。下期我们将继续讲解每个模块的设置,以及更多装修Basel主题的方法和功能,敬请期待!
暂无评论内容