让视频号更好玩？那就试试加上展开吧！

品牌时光机

随着微信视频号应用越来越广泛之后，我们的SVG交换排版也要结合起来应用。

比如点击播放视频号和展开相结合：

组合：点击播放视频号+展开

编号：11889（组合）

组合：点击播放视频号+展开

编号：11889（组合）

可以看到，麦当劳这篇图文，点击图片后跳转播放视频号视频，观看视频后返回图文，会发现原来的图片切换为了另一张，同时图文展开显现更多内容。

也就是点击一次，同时触发了3个变化，分别是跳转视频号、切换图片和展开图文。这个效果比较适合以视频号的一个视频为主，进行内容发散的创意图文。

下面一起看下麦当劳图文的制作教程吧。

详细教程：

工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com

组合：点击播放视频号+展开

编号：11889（组合）

第1步：选择组合

第2步：进入组合编辑模式

点击「编辑组合」，进入组合编辑模式。

第3步：设置「展开前」内容

点击「展开前」区域，接着点击右侧两个「换图」按钮，分别上传视频号封面和结果图。

我们需要使用 iPaiban Pro 小助手来获取视频号代码并粘贴至视频号代码位置，小助手安装和使用教程见：《iPaiban Pro小助手安装和使用教程》

第4步：设置「展开后」内容

「展开后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。

添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作：

第5步：设置动画参数

点击右侧红色小三角符号，可设置展开时长和加减展开高度。

展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，这时候可以通过「加减展开高度」使其恰好展开。

第6步：导入公众号后台

内容编辑完毕后，点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。

效果满意后点击「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。

如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。