公众号SVG左右滑动模板使用教程

苹果、人民日报、GQ实验室都在用的黑科技左右滑动排版是怎么做的？这种图文互动排版可以在135编辑器中使用svg左右滑动样式来制作，操作非常简单，不用代码就能轻松就能做出高大上的交互排版。

左右滑动的微信公众号黑科技排版没有大家想象中那么复杂，这里给大家介绍两种非常简单的制作方式：1、使用135编辑器的svg样式；2、使用SVG编辑器

一、使用135编辑器svg样式

1、选择样式

你可以在135编辑器中搜索关键词“滑动”、“左滑”、“右滑”找到合适的滑动样式。也可以直接搜索样式ID，本文用到的两款样式分别是：左滑ID99860、右滑ID100068。

2、上传素材

注意图片素材的尺寸要一致。你可以使用工具栏上的【多图上传】将所有素材图，一次性都导入编辑器。

3、导入图片

将所有图片选中，点击左侧的滑动样式，即可实现秒刷效果。你可以通过手机预览查看滑动的效果，左滑右滑的方法都是一样的。

最后还有一件事情非常重要，引导读者去滑动图片。如果你没有在图片上做提示，那么一定要在滑动样式的顶部或者底部，用文字做个提示 ↓

二、使用SVG编辑器

区别于svg样式，SVG编辑器里的效果更加复杂，编辑的自由度也更大，还可以进行组合套用

1、选择左滑/右滑的素材，在编辑器 的右侧点击【添加图片】，上传滑动的图片素材

2、在编辑器右侧点击【添加图片】按钮，按住Ctrl键批量选择并上传图片

3、图片上传完成，预览无误后，可以使用【同步】或【导出】功能，保存到微信公众号平台。

三、如何将SVG上传保存到为公众号按钮

在SVG编辑器中制作好SVG文章后，点击上方的【导出】按钮，复制该文章的代码

打开微信公众号平台，在图文消息的编辑区使用Ctrl+V，将复制的代码粘贴到文章中即可。

今天的教程到此结束啦，还想学习排版小技巧记得来告诉小编噢