人民日报的《太潮了！》，SVG编辑器3分钟排版教程来了！
果然，经典的创意总是值得反复应用。
这两天人民日报的一篇推文《太潮了！》，受到了很多小伙伴的关注，想知道这种自动层层展开的排版效果怎么做。
在2022年，同样排版效果的原GQ实验室的《红了！》，就曾在一定范围内刷屏。当年透露出来的文章数据也是非常耀眼。阅读量400W+，点赞和在看是平时的约40倍，是GQ实验室2022年阅读最高的文章。
2023年五四青年节，北辰青年公众号发布了一篇《这可能是今天全国青年最想听到的祝福。》推文，文章同样使用了自动层层展开的交互排版效果，文案为不断重复的「祝你……」句式，这篇文章获得阅读点赞双10万+，甚至为公众号直接涨粉10万。
……
其实，这种排版效果用 iPaiban Pro SVG黑科技编辑器的组件「自动层层展开」（编号：11273）可以快速制作实现。
我们将每段展开的图片切分好，然后批量上传编辑器的组件处，接着设置好每张图片的停留时间和每次展开的动画时间就可以了。（后附详细教程）
不完全一样但类似的排版效果，在 iPaiban Pro 编辑器中还有多种，这里再给大家列举2种，可以按照自己的需求选择使用。
第1种，自动层层展开，每次展开后会弹一下，更显动感活力，对应组件「自动层层展开(有抖动)」（编号：11426）。
第2种，从第一张图片内部抽出式的自动层层展开，最新展开的内容一直保持在最前面，对应组件「自动层层展开(内部展开)」（编号：11370）。
*GIF录自海韵城日月贝新天地《爱了！》
以上3种层层展开，都是用户打开文章后自动就开始的，如果你想让用户点击开启也是可以的，对应组件分别为：
①点击+自动层层展开，编号：11369
②点击+自动层层展开(有抖动)，编号：11427
③点击+自动层层展开(内部展开)，编号：11371
更多相似效果组件/组合，可直接在编辑器中搜索关键词「红了」或「层层展开」查找，使用组合还可以嵌套，制作出千变万化的效果。
只要素材制作好了，选择对应组件后排版非常简单，下面以人民日报《太潮了！》的同款效果为例，一起看下排版教程吧。
详细教程：
工具：iPaiban Pro黑科技编辑器，网址：x.iPaiban.com
组件：自动层层展开
编号：11273（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，直接搜索组件名称或编号11273，点击选择。
第2步：上传图片素材
我们不需要调整展开高度，每一张图片系统会自动识别展开一次，展开高度由图片高度决定。
点击右侧「+」号可批量上传准备好的图片素材。注意每张图片宽度保持一致。
如果发现图片顺序错误，可上下拖动图片进行调整。
第3步：调整展开效果参数
在上传图片下方，提供有「每张停留时间」和「动画时间」的设置，「动画时间」为每张图片的展开时间。
第4步：导入公众号后台
