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

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

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

步骤网站前端→Column→展开

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

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

步骤Column→笔符号(编辑)

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

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

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

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

步骤Column Settings→General

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

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

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

步骤Column Settings→Design Options

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

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

步骤Column Settings→Responsive Options

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

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

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

步骤Column Settings→Responsive Options→Width

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

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

步骤步骤Column Settings→Responsive Options→Responsiveness

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

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

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

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

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

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

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

总结:

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/11726/

(2)
上一篇 2024年 6月 20日 上午10:33
下一篇 2024年 6月 21日 上午10:37

相关推荐

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。