GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!

之前给大家写过GQ《红了!》(原文链接:https://mp.weixin.qq.com/s/ZsftETwoOQ8c47auYlCySQ)同款效果的教程 , 感兴趣的戳:《GQ〈红了〉同款自动层层展开 , 用编辑器也能做啦!》(原文链接:https://mp.weixin.qq.com/s/AO6f1_1UrpgykQEzgpLNuQ)
截至目前已经有许多品牌通过教程中的组件制作出了想要的交互图文 , 最终推送后的效果也是不错 , 有的甚至相当炸裂 。
比如新东方的《瞧 , 这很新东方》(原文链接:https://mp.weixin.qq.com/s/xR3O8Mdkm9Rq5yhsizfuSg) , 推送当天阅读量就达到了10W+ , 是前一篇阅读量的30多倍 , 成为同账号历史上阅读量最高的一条;
中国农业大学的《爱你!》(原文链接:https://mp.weixin.qq.com/s/5qo_nICbHMByn5-RmUKIhA) , 阅读量和点赞在看数比日常图文都翻了10倍多 。
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
教程中用到的组件 , 层层展开的内容
只能是图片 , 当然也包括GIF , 但在越来越多的小伙伴使用过程中 , 我们也听到了更多的升级需求 。
最多的两条就是最后一次展开中能否嵌套其他交互以及开头能否让用户点击后再开始自动展开 。
现在它们来了!
在iPaibanPro的「组合」-「花样展开」-「层层展开」分类中 , 最新上线了两个组合 , 分别是「自动层层展开(最后一层可嵌套)」(编号:11373)和「点击+自动层层展开(最后一层可嵌套)」(编号:11375) 。
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
正如名称中提到的一样 , 它们在最后1次展开中都可以嵌套其他交互效果 , 比如点击切换、滑动、音视频、小程序、签名等 , 而后者支持点击后再自动展开 。 下面是简单制作的一个Demo , 体验下:
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
组合:点击+自动层层展开(最后一层可嵌套)
编号:11375
在接下来的时间里会有圣诞、元旦等接二连三的节日热点 , 大家可以用起来了 。 很快iPaibanPro还将会上线新的层层展开效果组件 , 可以期待一下 。
详细教程:
工具:iPaibanPro黑科技编辑器 , 网址:x.iPaiban.com
组合:点击+自动层层展开(最后一层可嵌套)
编号:11375(组合)
第1步:选择组合
登录iPaibanPro编辑器后 , 点击编辑器左侧「组合」按钮 , 在「花样展开」-「层层展开」分类中找到「点击+自动层层展开(最后一层可嵌套)」组合 , 或者直接搜索组合编号11375 。
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
第2步:进入组合编辑模式
点击「点击此处配置」 , 进入组合编辑模式 。
在组合编辑模式中 , 分为展开前和展开后两块设置区域 。
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
第3步:设置「展开前」内容
注意 , 这里的「展开前」内容包括点击第一张图片和除了最后一次展开的图片 。
①点击「展开前」区域 , 在右侧点击「+」号上传第一张图片和除了最后一次展开的图片 。 每一张图片系统会自动识别展开一次 , 展开高度由图片高度决定 。
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片
如果发现图片顺序错误 , 可上下拖动图片进行调整 。
GQ《红了》自动层层展开效果炸裂,我们又推出2种升级模板!
文章图片