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