嗯哼？打開圖文還可以選擇不看？
不是每篇圖文，都適合所有人看。
比如醫療行業的很多圖文，都會采用下面效果的排版：
當出現只適合指定群體看的內容時，會出現兩個選項，選擇「否」選項的會被提示不可看，選擇「是」的選項則會展開顯現內容。
一起體驗下（可以先點擊左側的「我不是…」，然后刷新重新進入本文，再點擊右側的「我是…」體驗完整效果）：
*素材來自醫學界神經病學頻道《偏頭痛精準防治……》
組合：點擊選擇-切換或展開
編號：11212（組合）
該排版可以使用 iPaiban Pro 黑科技編輯器中的「點擊選擇-切換或展開」組合（編號：11212）制作。
「點擊選擇-切換或展開」組合在展開方式上，另外提供有圖片向上移出后展開的效果選擇，點擊下方「是」體驗一下：
*素材來自腫瘤資訊《姚靜教授：從最新進展看……》
組合：點擊選擇-切換或展開
編號：11212（組合）
當然，不是寫給指定群體的內容，也可以使用這種排版讓圖文顯得俏皮一些。點擊「狠心拒絕」試試：
組合：點擊選擇-切換或展開
編號：11212（組合）
以上方第一個案例為例，一起看下制作教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組合：自動-圖片縮放+浮現展開
編號：11212（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組合」按鈕，在「花樣展開」分類中找到「點擊選擇-切換或展開」組合，或者直接在搜索框中搜索編號11212，點擊選擇。
第2步：進入組合編輯模式
如下所示，點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，我們需要設置展開前和展開后的內容。
第3步：設置展開前的內容
①點擊展開前區域，然后在右側按照要求點擊「換圖」依次上傳圖片。
注意，首圖與切換圖尺寸保持一致，展開后首圖需與切換圖寬度一致，高度大于等于切換圖。
②雙擊展開前區域上傳的圖片，拖動色塊設置觸發區。其中1號紅色觸發區用于切換圖片，2號黃色觸發區用于點擊展開。
第4步：設置展開后的內容
「展開后」的內容支持嵌套各種組件，需要什么效果就在左側「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作。
這里我們拖動一個「無縫圖」組件到組件位中，并上傳圖片。如下所示：
第5步：調整展開效果的參數
點擊右側紅色小三角符號，設置「展開時長」，選擇「展開方式」，根據展開方式調整圖片「消失/移出動畫時間」。
最后的展開高度一般無需調整，但當大家在手機上預覽時，如果發現展開后有多余的空白或者沒有展現出全部內容，這時候可以通過「加減展開高度」使其恰好展開。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」退出組合編輯模式回到編輯器主頁面。
繼續點擊最右側「預覽草稿」，效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）