公眾號滑動布局怎么做?(滑動布局教程)

如果領(lǐng)導給你多張圖片進行排版,還要求需要保證美觀,你會如何應(yīng)對?如果是三兒面對這種難題,我除了會考慮到滑動SVG組件外,還會想到更簡潔的滑動布局。

滑動布局入口


在編輯器頁面左側(cè)的【樣式】版塊中,選擇【布局】—【基礎(chǔ)布局】—【滑動布局】,點擊滑動布局就可以放入到編輯區(qū)域中。


image.png


選中滑動布局后打開滑動布局面板,選擇【編輯】即可進入到滑動布局的編輯頁面。


image.png


滑動布局面板


01
編輯內(nèi)容


進入到頁面之后,雙擊該頁面即可進入到滑動布局的編輯界面。


image.png


此界面與我們的首頁的編輯區(qū)是類似的,在這里面我們除了可以放置圖片外,還可以放置像樣式、模板以及你編輯好的文章內(nèi)容。


image.png


排版好你的內(nèi)容后,點擊右側(cè)的【完成編輯】即可,這就表示你設(shè)置好了滑動布局第一屏的內(nèi)容。


image.png



02

添加/刪除畫布


一屏內(nèi)容是無法實現(xiàn)左右滑動效果的,我們還需要增加多屏內(nèi)容才可以,所以這時你就需要增加畫布來繼續(xù)排版其他內(nèi)容。


你只需要點擊畫布旁邊的+號就可以添加畫布。


image.png


若想要刪除畫布,點擊旁邊的按鈕即可進行刪除。


image.png



03

滑動方向選擇


我們的滑動布局可以實現(xiàn)兩種滑動效果,左右滑動和上下滑動,想切換滑動方向就需要用到左側(cè)頂部的方向選擇,橫向就代表左右滑動效果,豎向代表上下滑動效果。


image.png



04

寬度調(diào)整


滑動布局系統(tǒng)默認的寬度是100%,如果你覺得太寬了,可以設(shè)置百分比進行調(diào)整。


image.png



05

添加背景


我們還可以在滑動布局中為添加的圖片、樣式添加背景,包括動態(tài)背景、靜態(tài)背景(漸變色、純色、格子、波點等),以及自定義背景也能實現(xiàn)。


image.png


image.png



06

滑動效果展示



左右滑動↑




上下滑動↑


文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導航
運營工具
分享到