大家好,我是三儿
上一篇给大家解答了编辑器相关问题,这一次和大家聊聊SVG,话不多说直接上干活!
1、“SVG组件在哪里搜索?”
不少新手朋友,看到某篇推文用了某个效果后就来问三儿,当三儿告诉他们用那个组件可以制作时,他们常这样回复我。
“啊?在哪里啊”
“啊,我怎么输入你的组件ID后没有找到呢”
再看他们发来的截图,大多都是找错了位置。
SVG组件的搜索、查找、制作,都需要我们进入SVG编辑器里,而进入SVG编辑器的入口有这几个:
1.135编辑器左侧找到SVG编辑器
如何在微信推文中添加SVG效果?
2.输入svg编辑器网址
如何在微信推文中添加SVG效果?
*小贴士:大家可以收藏网址,这样就不会找不到它了
关于组件搜索,大家一定要让[效果互动]高亮后,再在搜索框中输入组件ID
如何在微信推文中添加SVG效果?
而不少朋友选择的是[样式模板],样式模板可以理解为官方出品的互动模板,用户必须要按照素材要求替换图片,否则无法正常实现预设效果,用户自由度较低。
而互动效果中的效果组件,对用户限制并不多,只要满足素材要求都可以使用,大家可以天马行空创造自己的作品。
2、“怎么在展开里添加滑动呀”
不少品牌推文喜欢开篇一张图,点击后暗藏玄机,里面有滑动、有点击换图、有轮播......
“这个怎么做的啊”
这是三儿常听到的疑问。
其实很简单,在svg编辑器中我们需要先在[互动效果]然后找到[组合]
如何在微信推文中添加SVG效果?
在[组合]中就意味着我们能使用的效果是多个而非单个,这里三儿就以点击展开为例。
我们可以在搜索框中输入效果关键词:点击直接展开,然后根据我们所需选择需要使用的效果。
如何在微信推文中添加SVG效果?
我们单击其中一个组件到编辑区域后,就能看到[编辑展开内容]选择,而这里面我们就可以选择需要添加的效果组件,包括但不限于轮播、点击换图、点击跳转小程序、滑动等
如何在微信推文中添加SVG效果?
如何在微信推文中添加SVG效果?
不过需要注意的是:在展开内并不是所有效果都能添加,比如你想要实现[展开嵌套展开],可不能在展开中再去找一个展开效果,而是需要使用单独的组件:展开里套展开 组件ID:336
如何在微信推文中添加SVG效果?
3、“SVG效果怎么插入文章中?”
其实很简单,三儿用一个实际案例作为例子。
假如我们需要在一篇文章中插入一个图片轮播,我们应该怎么插入呢?
我们在制作好轮播后,选择[导出]—[复制到135编辑器]
如何在微信推文中添加SVG效果?
这时候我们已经复制了SVG效果代码,然后我们到135编辑器页面,找到需要插入效果的位置的地方
如何在微信推文中添加SVG效果?
选择图片所在区域,在区域样式中找到[区域代码]
如何在微信推文中添加SVG效果?
找到图片的代码也就是带有<img>标签的内容,选中后Ctrl+v替换我们的SVG组件代码即可
如何在微信推文中添加SVG效果?
如何在微信推文中添加SVG效果?
如何在微信推文中添加SVG效果?
这时候有朋友说了:那我想要替换的不是图片呢?就是一个段落呢?
段落的代码标签是<p></p>,空行的代码标签<br/>,我们只需要找到<p></p>中的<br/>然后替换它即可
如何在微信推文中添加SVG效果?
如何在微信推文中添加SVG效果?
如何在微信推文中添加SVG效果?
*注意:大家发现没有我们粘贴svg效果都需要在区域样式中完成,所以大家一定不要将所有内容放在一个编辑框中,每完成一个部分就使用[后空行](不是敲回车),或是使用[布局]中的[基础布局]
如何在微信推文中添加SVG效果?
如何在微信推文中添加SVG效果?
以上就是大家
常遇的SVG问题
当然三儿也是抓典型来讲
如果你还有什么疑问
欢迎大家在评论区留言
三儿会记在小本本上
之后再出一篇Q&A
END返回搜狐,查看更多
责任编辑: