基礎(chǔ)布局樣式


    說(shuō) 明

    本教程適用于:ID:98910、98909、98906、98905、98904、98903、98902


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


    兩欄圖文布局

    blob.png


    五欄文字布局

    blob.png


    兩欄圖文布局

    blob.png


    兩欄純圖片布局

    blob.png


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


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


    image.png



    如何使用基礎(chǔ)布局


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


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


    image.png


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


    錄制_2024_05_31_10_48_01_744.gif


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


    錄制_2024_05_31_10_48_37_398.gif


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


    image.png


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


    錄制_2024_05_31_10_50_51_167.gif


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


    錄制_2024_05_31_10_51_30_558.gif


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


    image.png


    依次輸入內(nèi)容,如下圖:


    錄制_2024_05_31_10_53_07_632.gif


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


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


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

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


    錄制_2024_05_31_10_55_33_435.gif



    END -

    如果您的疑問(wèn)尚未被解決

    請(qǐng)?jiān)趲椭行膬?nèi)【聯(lián)系客服】

    我們誠(chéng)摯邀請(qǐng)您給135編輯器提供【意見(jiàn)和建議】

    微信關(guān)注135編輯器 ID:editor135 ,獲取更多排版干貨知識(shí)

評(píng)價(jià)此內(nèi)容
有幫助
無(wú)幫助
感謝反饋,請(qǐng)問(wèn)還有其他建議嗎? (選填)