轻松玩转SVG点击微信排版样式

SVG教学—轻松玩转SVG点击微信排版样式


嘿,胖友们大家好呀,我是三儿。


又到了我们的SVG教学环节了,今天三儿来给胖友们玩一个贼有意思的样式,你只需要点击即可换图,从理论上来说,你可以放很多图,让用户一直点……


不信?


来试试!



本样式由135编辑器出品,不允许任何第三方编辑器抄袭使用,违者必纠。


怎么样,是不是特别有意思?三儿已经能想象出它在推文里的各种表现形式了。


那么问题来了,这个样式该如何使用呢?


别急,今天三儿来教你,轻松玩转SVG点击样式


话不多说,教程开始!




点击换图样式

ID:99109


【样式作用】:节约排版空间,版面清爽整洁的同时还能与读者进行有效的互动,帮助打造文章氛围。除此之外,还可以结合产品特性,制作出更多的玩法。


【使用说明】:样式中使用的所有图片都需要保持宽高一致,需要使用保存同步功能,否则会导致样式失效。





首先,我们需要准备样式中所需要用到的图片,所有的图片都需要保持宽高一致,不然会导致样式错版哦!



一、如何更换图片?

 
 


按照上面的要求准备好图片以后,我们就可以开始更换图片了。更换图片我们可以使用专业版编辑器的动画功能来进行更换。








1.首先将编辑器切换至专业版,点击右侧『更多功能』,在弹出的菜单中选择『切换专业版』,即可将编辑器切换为专业版。









2.搜索样式ID:99109,找到『点击切换图片样式,插入至编辑器中。









3.点击选中样式(在样式周围出现虚线框时,才算选中哦!),在弹出的菜单栏中,选择『动画』按钮,进入动画设置界面。



这里需要注意的是:只有SVG样式才会有动画按钮哦,普通的样式是没有动画按钮的!










4.在动画设置界面,我们就可以对样式内的图片进行更换了,胖友们可以点击链接下方的『图片上传按钮上传图片。










5.我们还可以增加和删除图片,在动画设置界面中,找到『复制』按钮,即可新增一张图片,新增图片时需要注意图片的先后顺序哦。










6.删除图片和增加图片一样,我们在动画设置界面中找到『删除』按钮,即可删除多余的图片。










7.设置完所有内容以后,胖友们可以在右侧的预览框中进行测试,也可以返回编辑器界面,点击右侧菜单栏中的『手机预览』进行测试。



注意事项:


这里需要注意的是,由于微信后台限制,所以排版完成后的推文需要使用保存同步功能,如果使用复制粘贴会导致样式失效哦!






好啦,今天的教程就到这里啦

胖友们学会了吗?


文章评价
登录后可以评论
立即登录
分享到