样式教程|创意SVG滑动点击样式

互动性再上一级,不仅可以滑动,还可以点击哦~

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


明天就到教师节了,胖友们准备好教师节的推文了吗?这次三儿可长了记性,提前一天来给你们准备了推文教程,是不是超级贴心哇!


先来看看我们本期的SVG样式是什么效果吧。


向左滑动点击换图 | 135编辑器


温馨提示:最后一张图片可以点击哟!


怎么样,这个滑动样式是不是有点不一样?之前的滑动样式就只能滑动,这个滑动完成以后还能进行点击,是不是和用户的互动性又上了一个台阶?


今天,三儿就来教大家如何使用吧!


话不多说,教程开始!



滑动点击样式

ID:99921


【样式作用】:创意SVG,可以与读者进行有效的互动,帮助打造文章氛围。除此之外,还可以结合产品特性,制作出更多的玩法。


【使用说明】:如需要替换图片,请在专业版用动画功能,需要使用同步功能同步至微信公众号。





一、如何更换内容?

 
 


135编辑器对SVG样式做了更新,在专业版中特意添加了『动画』按钮,胖友们可以在『动画』设置中对SVG样式进行修改。








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









2.搜索样式ID:99921,找到『滑动点击样式,插入至编辑器中。









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



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










4.在动画设置界面,我们就可以对样式内的图片进行更换了,胖友们可以选择『图片上传』按钮对图片进行替换。



这里需要注意的是:胖友们在制作图片时,三张图片的尺寸需要保持一致,否则会导致样式显示出现问题哦!









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



注意事项:


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





二、视频版教程

 
 


三儿还为你们录制了一段视频版的教程,胖友们可以结合视频版的内容进行操作哦!





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

胖友们学会了吗?


·EN

如果你还有关于其它样式的疑问

可以在135笔记中看看样式教程哦

 ■ ■ 



文章评价
登录后可以评论
立即登录
135笔记君资讯官
做你贴心的互联网笔记本!
共941篇文章
最近文章
更多
  • 【135早资讯】:微博回应网暴事件,拟上线一键开启 “防暴模式” ;微信视频号上线首个付费直播间:免费观看3分钟后需付费9元
  • 【135早资讯】:抖音发布电商年度十大关键词;安卓微信 8.0.18 正式版终于发布,“支付”改名为“服务”
  • 【135早资讯】:2021朋友圈广告年度TOP10公布;QQ 音乐免费畅听 VIP 歌曲模式测试中:条件是看广告
  • 【135早资讯】:淘宝发布2022年直播激励计划,扶持中腰部及新达人;视频号直播间新增链接推送功能
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
广告变现近「2000万」却志不在此! 剧情号“遇见她”目标直播带货
通过内容运营的三个阶段,让你掌握内容运营的核心
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一文详解:渠道投放工作需要的五种思维
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
用户分群模型,这么建才有用
热门素材样式
分享到