想要實(shí)現(xiàn)多欄布局，例如以下這些效果：

兩欄圖文布局

五欄文字布局

兩欄圖文布局

兩欄純圖片布局

你除了可以套用135編輯器現(xiàn)有的樣式，例如搜索關(guān)鍵詞【分欄】【左右圖文】等。還可以選擇自由度更高的基礎(chǔ)布局樣式。

點(diǎn)擊編輯器頁(yè)面【布局】，選擇【基礎(chǔ)布局】就可以看到目前我們所有的基礎(chǔ)布局樣式。

選擇一款布局樣式放在編輯器中，你可以在這個(gè)框架中放置你想要的樣式。

例如下圖這款，左右兩欄的布局，左側(cè)可以放置一個(gè)編號(hào)，右側(cè)可以放置正文。

雙擊左側(cè)的框，選擇一款編號(hào)樣式。

再雙擊右側(cè)框，選擇一款正文樣式。

稍微調(diào)整一下顏色，就完成了。

我們用同樣的方法，還可以再組合一款左右圖文樣式。先插入左側(cè)的正文樣式。

再插入右側(cè)的圖片，點(diǎn)擊圖片四角可以調(diào)整圖片的大小。

最后再演示一下如何利用布局樣式做公眾號(hào)的導(dǎo)航。首先我們可以選擇一款四欄的基礎(chǔ)布局樣式，如果欄目只有三個(gè)，可以選三欄的，欄目更多可以選擇數(shù)量更多的。

依次輸入內(nèi)容，如下圖：

你可以在布局中，選擇單個(gè)框的背景色進(jìn)行調(diào)整。如果要將這幾個(gè)框的背景色都調(diào)整，可以點(diǎn)擊【全局樣式】-【背景】

假設(shè)今天發(fā)文欄目是【新聞】，那么就將新聞的背景色做一個(gè)區(qū)別。

新聞欄，點(diǎn)擊【布局】-【背景】設(shè)置為米黃色

其他的，點(diǎn)擊【全局樣式】-【背景】設(shè)置為綠色