圖文里也能DIY海報，像H5一樣！
大家一定都在 H5 中參與過定制海報的活動，多排按鈕，每一排點擊選擇不同按鈕，最終組合生成不同海報。千變萬化，千人千面。
這種玩法在圖文中也可以實現。
我們來體驗一下！
按鈕在上：
*素材來自米其林中國《一不小心，打翻夏日調色盤》
組件：自定義海報(按鈕在上)
編號：11782（組件）
按鈕在下：
*素材來自興業太古匯《揭秘：滬上「蔬」香世家（文末有獎）》
組件：自定義海報(按鈕在下)
編號：11782（組件）
·
「自定義海報」效果可以讓用戶在微信文章中點擊選擇自己喜歡的元素生成海報，除了海報其實還用作變裝、生成頭像等創意，具體玩法就看大家的腦洞啦。
以按鈕在上的效果為例，一起看下如何使用編輯器制作。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：自定義海報(按鈕在上)
編號：11782（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，直接在搜索框中搜索「自定義海報」或組件編號11782，點擊選擇。
第2步：上傳素材并調整觸發區域
①點擊右邊第一個換圖按鈕，這里要上傳畫面整體圖，即海報展示區+下面三排按鈕整體尺寸的圖片。
②點擊右邊第二個換圖按鈕，這里上傳展示區的背景圖。
③分別上傳3排按鈕圖片。按鈕圖片有且只能3排，不能多也不能少，每一排按鈕選項數沒有限制，不局限于3個。
④分別上傳每排按鈕點擊后出現的對應元素，注意這里素材的尺寸要和整體交互的尺寸一致，顯示元素以外的地方為透明底。設計圖上除了點擊后出現的對應元素，還可以加上對應按鈕選中的狀態。
⑤雙擊編輯區下圖所示位置，依次設置三排按鈕的觸發區域。注意這里設置觸發區域時不要超出圖片本身的范圍，觸發區之間不可重疊。
設置完畢后，點擊「保存設置并退出」。
第3步：導入公眾號后臺
點擊最右側「預覽草稿」掃描二維碼在手機預覽，效果滿意后接著點擊「同步至微信后臺」就可以了。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）