在上一期的教程中,我们详细讲解了WPBakery Page Builder编辑器中的排(ROW)的使用方法。本期我们将重点介绍柱子(Column)的设置步骤和相关功能,帮助大家更好地掌握如何在网站前端编辑页面中展开和编辑柱子,从而实现更加精细的页面布局。
上一期我们讲述了WPBakery Page Builder编辑器な排(ROW)(详情可参阅WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改装するための基本ガイド (06))
今天我们讲一下柱子(Column)
步骤网站前端→Column→展开
![图片[1]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062006562562.png)
我们进入网站前端的编辑页面,展开柱子(Column)
步骤Column→笔符号(编辑)
![图片[2]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062006580141.png)
如上图所以我们能看到四个功能
分别是编辑,添加,粘贴,关闭
我们重点讲一下编辑,其他的功能一般新手用不到
步骤Column Settings→General
![图片[3]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062007175290.png)
如上图这个界面,一般使用是默认的,新手一般不需要动
可以了解下CSS Animation:就是动画就是展示一些动画效果,之前的排(ROW)也有类似的动画效果,也会有模块也会有一样的功能设置,你理解为这个模块的展示的动态效果,比如(上划,弹出等,里面会有多重选择,根据实际情况调整)
步骤Column Settings→Design Options
![图片[4]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062007253681.png)
如上图,这个界面的功能可以参考WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改装するための基本ガイド (06)来调整,大概意思都一样,区别只是ROW(排)整个与Column(柱子)单个
步骤Column Settings→Responsive Options
![图片[5]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062007333917.png)
如上图,这是柱子(Column)与排(ROW)最大的区别
![图片[6]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062007350077.png)
步骤Column Settings→Responsive Options→Width
![图片[7]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062007372990.png)
这是柱子(Column)的布局方式,默认是(1/1),可以理解为一排或一个
步骤步骤Column Settings→Responsive Options→Responsiveness
![图片[8]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062007400836.png)
如上图所示可以调整每个设备的布局,与展示或者隐藏,大家可以根据字母意思理解
![图片[9]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062008034742.png)
如上图,这是WPBakery Page Builder编辑器与Basel主题的单独功能,一般也是默认,新手不需要动,排(ROW)也有这个功能,大家可以了解下
![图片[10]-掌握WPBakery Page Builder:轻松装修Basel主题的基础指南(07)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/06/2024062008133644.png)
如上图所示每个排(ROW)都会带一个柱子(Column),但是ROW是控制整个的,上图有四个ROW,其中一个ROW是控制四个的,只有Column(柱子)是单独控制一个的,上述演示是1/4的布局
好了,这期给大家了解完柱子(Column)的功能,下期我们会讲述每个模块的设置,以及更多的装修Basel主题的方法和功能
概要
好了,这期我们就介绍到这里,大家对WPBakery Page Builder编辑器中的柱子(Column)功能有了基本的了解。下期我们将继续讲解每个模块的设置,以及更多装修Basel主题的方法和功能,敬请期待!
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/11726この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし