就讓我一層一層一層一層滑開你的「心」
如果有一篇多板塊內(nèi)容的長圖，你會怎么排版？
是不是還在使用傳統(tǒng)的排列，依次點擊展開的辦法？不如先來看下面這個案例是怎么做的：
*素材來自RemyMartin人頭馬《獨樹「藝」幟》
組合：層層長滑+點擊展開
編號：11805（組合）
根據(jù)提示僅僅一直「向左滑動」，不用改變推文長度，就介紹了4種不同的產(chǎn)品滑動結(jié)束后「點擊展開」更多內(nèi)容。
另外圖片左滑完畢后，按住相應(yīng)的標簽還可以右滑重新返回查看對應(yīng)滑動圖的內(nèi)容。
多層圖片層層長滑，相當絲滑，動態(tài)的視覺效果十分酷炫?？雌饋硎遣皇歉杏X很復雜，其實實現(xiàn)起來超級簡單。
只需要1個組合就能搞定！
就是 iPaiban Pro 黑科技編輯器里的「層層長滑+點擊展開」組合（編號：11805）。如果每層滑動圖只有一張的話可以使用「層層滑開+點擊展開」組合，教程：《層層滑開+點擊展開=？》
一起來看看是如何制作的吧？
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組合：層層長滑+點擊展開
編號：11805（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側(cè)「組合」按鈕，在搜索框中搜索組合編號11805，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為展開前和展開后兩塊設(shè)置區(qū)域。
第3步：設(shè)置「展開前」內(nèi)容
①上傳尾頁圖片：點擊「展開前」區(qū)域，在右側(cè)點擊2個「換圖」按鈕，分別上傳準備好的尾頁預覽圖和尾頁圖片。所有圖片尺寸需保持一致。
②設(shè)置滑動圖組數(shù)量：需要多少組滑動圖，輸入數(shù)字即可，最多可設(shè)置8組滑動圖。
③設(shè)置觸發(fā)區(qū)域：點擊「展開前」編輯區(qū)，設(shè)置尾頁可拖動區(qū)域，最后一個觸發(fā)區(qū)用于設(shè)置點擊展開。
④滑動圖：點擊右側(cè)「+」號，分別上傳滑動圖。所有滑動圖的尺寸需保持一致，每組滑動圖的數(shù)量無需一致。
第4步：設(shè)置「展開后」內(nèi)容
「展開后」的內(nèi)容支持嵌套各種組件，需要什么效果就在左側(cè)「組件」分類中找到相應(yīng)的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作：
第5步：設(shè)置參數(shù)
點擊右側(cè)紅色小三角，可以設(shè)置展開時長。
如果預覽效果發(fā)現(xiàn)內(nèi)容沒有完全展開或者展開過長，可以通過「加減展開高度（px）」進行調(diào)整，輸入負數(shù)減小展開高度。
第6步：導入公眾號后臺
內(nèi)容編輯完畢后，點擊左上角「保存并退出」逐步退出組合編輯模式回到編輯器主頁面。
繼續(xù)點擊最右側(cè)「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）