在上一期的教程中，我們?cè)敿?xì)講解了WPBakery Page Builder編輯器中的排（ROW）的使用方法。本期我們將重點(diǎn)介紹柱子（Column）的設(shè)置步驟和相關(guān)功能，幫助大家更好地掌握如何在網(wǎng)站前端編輯頁面中展開和編輯柱子，從而實(shí)現(xiàn)更加精細(xì)的頁面布局。
上一期我們講述了WPBakery Page Builder編輯器的排（ROW）（詳情可參閱掌握WPBakery Page Builder：輕松裝修Basel主題的基礎(chǔ)指南（06））

今天我們講一下柱子（Column）

步驟網(wǎng)站前端→Column→展開

我們進(jìn)入網(wǎng)站前端的編輯頁面，展開柱子（Column）

步驟Column→筆符號(hào)（編輯）

如上圖所以我們能看到四個(gè)功能

分別是編輯，添加，粘貼，關(guān)閉

我們重點(diǎn)講一下編輯，其他的功能一般新手用不到

步驟Column Settings→General

如上圖這個(gè)界面，一般使用是默認(rèn)的，新手一般不需要?jiǎng)?/p>

可以了解下CSS Animation：就是動(dòng)畫就是展示一些動(dòng)畫效果，之前的排(ROW)也有類似的動(dòng)畫效果，也會(huì)有模塊也會(huì)有一樣的功能設(shè)置，你理解為這個(gè)模塊的展示的動(dòng)態(tài)效果，比如（上劃，彈出等，里面會(huì)有多重選擇，根據(jù)實(shí)際情況調(diào)整）

步驟Column Settings→Design Options

如上圖，這個(gè)界面的功能可以參考掌握WPBakery Page Builder：輕松裝修Basel主題的基礎(chǔ)指南（06）來調(diào)整，大概意思都一樣，區(qū)別只是ROW(排）整個(gè)與Column（柱子）單個(gè)

步驟Column Settings→Responsive Options

如上圖，這是柱子（Column）與排（ROW）最大的區(qū)別

步驟Column Settings→Responsive Options→Width

這是柱子（Column）的布局方式，默認(rèn)是（1/1），可以理解為一排或一個(gè)

步驟步驟Column Settings→Responsive Options→Responsiveness

如上圖所示可以調(diào)整每個(gè)設(shè)備的布局，與展示或者隱藏，大家可以根據(jù)字母意思理解

如上圖，這是WPBakery Page Builder編輯器與Basel主題的單獨(dú)功能，一般也是默認(rèn)，新手不需要?jiǎng)?，排（ROW）也有這個(gè)功能，大家可以了解下

如上圖所示每個(gè)排（ROW）都會(huì)帶一個(gè)柱子（Column），但是ROW是控制整個(gè)的，上圖有四個(gè)ROW，其中一個(gè)ROW是控制四個(gè)的，只有Column（柱子）是單獨(dú)控制一個(gè)的，上述演示是1/4的布局

好了，這期給大家了解完柱子（Column）的功能，下期我們會(huì)講述每個(gè)模塊的設(shè)置，以及更多的裝修Basel主題的方法和功能

總結(jié)：

好了，這期我們就介紹到這里，大家對(duì)WPBakery Page Builder編輯器中的柱子（Column）功能有了基本的了解。下期我們將繼續(xù)講解每個(gè)模塊的設(shè)置，以及更多裝修Basel主題的方法和功能，敬請(qǐng)期待！

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息