图文里也能DIY海报，像H5一样！
大家一定都在 H5 中参与过定制海报的活动，多排按钮，每一排点击选择不同按钮，最终组合生成不同海报。千变万化，千人千面。
这种玩法在图文中也可以实现。
我们来体验一下！
按钮在上：
*素材来自米其林中国《一不小心，打翻夏日调色盘》
组件：自定义海报(按钮在上)
编号：11782（组件）
按钮在下：
*素材来自兴业太古汇《揭秘：沪上「蔬」香世家（文末有奖）》
组件：自定义海报(按钮在下)
编号：11782（组件）
·
「自定义海报」效果可以让用户在微信文章中点击选择自己喜欢的元素生成海报，除了海报其实还用作变装、生成头像等创意，具体玩法就看大家的脑洞啦。
以按钮在上的效果为例，一起看下如何使用编辑器制作。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：自定义海报(按钮在上)
编号：11782（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，直接在搜索框中搜索「自定义海报」或组件编号11782，点击选择。
第2步：上传素材并调整触发区域
①点击右边第一个换图按钮，这里要上传画面整体图，即海报展示区+下面三排按钮整体尺寸的图片。
②点击右边第二个换图按钮，这里上传展示区的背景图。
③分别上传3排按钮图片。按钮图片有且只能3排，不能多也不能少，每一排按钮选项数没有限制，不局限于3个。
④分别上传每排按钮点击后出现的对应元素，注意这里素材的尺寸要和整体交互的尺寸一致，显示元素以外的地方为透明底。设计图上除了点击后出现的对应元素，还可以加上对应按钮选中的状态。
⑤双击编辑区下图所示位置，依次设置三排按钮的触发区域。注意这里设置触发区域时不要超出图片本身的范围，触发区之间不可重叠。
设置完毕后，点击「保存设置并退出」。
第3步：导入公众号后台
点击最右侧「预览草稿」扫描二维码在手机预览，效果满意后接着点击「同步至微信后台」就可以了。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）