掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)

在上一期的教程中,我们详细讲解了WPBakery Page Builder编辑器中的排(ROW)的使用方法。本期我们将重点介绍柱子(Column)的设置步骤和相关功能,帮助大家更好地掌握如何在网站前端编辑页面中展开和编辑柱子,从而实现更加精细的页面布局。
上一期我们讲述了WPBakery Page Builder编辑器排(ROW)(详情可参阅掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(06)

今天我们讲一下柱子(Column)

步骤网站前端→Column→展开

图片[1]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

我们进入网站前端的编辑页面,展开柱子(Column)

步骤Column→笔符号(编辑)

图片[2]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图所以我们能看到四个功能

分别是编辑,添加,粘贴,关闭

我们重点讲一下编辑,其他的功能一般新手用不到

步骤Column Settings→General

图片[3]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图这个界面,一般使用是默认的,新手一般不需要动

可以了解下CSS Animation:就是动画就是展示一些动画效果,之前的排(ROW)也有类似的动画效果,也会有模块也会有一样的功能设置,你理解为这个模块的展示的动态效果,比如(上划,弹出等,里面会有多重选择,根据实际情况调整)

步骤Column Settings→Design Options

图片[4]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这个界面的功能可以参考掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(06)来调整,大概意思都一样,区别只是ROW(排)整个与Column(柱子)单个

步骤Column Settings→Responsive Options

图片[5]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这是柱子(Column)与排(ROW)最大的区别

图片[6]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤Column Settings→Responsive Options→Width

图片[7]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这是柱子(Column)的布局方式,默认是(1/1),可以理解为一排或一个

步骤步骤Column Settings→Responsive Options→Responsiveness

图片[8]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图所示可以调整每个设备的布局,与展示或者隐藏,大家可以根据字母意思理解

图片[9]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这是WPBakery Page Builder编辑器与Basel主题的单独功能,一般也是默认,新手不需要动,排(ROW)也有这个功能,大家可以了解下

图片[10]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图所示每个排(ROW)都会带一个柱子(Column),但是ROW是控制整个的,上图有四个ROW,其中一个ROW是控制四个的,只有Column(柱子)是单独控制一个的,上述演示是1/4的布局

好了,这期给大家了解完柱子(Column)的功能,下期我们会讲述每个模块的设置,以及更多的装修Basel主题的方法和功能

总结:

好了,这期我们就介绍到这里,大家对WPBakery Page Builder编辑器中的柱子(Column)功能有了基本的了解。下期我们将继续讲解每个模块的设置,以及更多装修Basel主题的方法和功能,敬请期待!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容