如何在微信推文中添加SVG效果?

大家好,我是三儿

上一篇给大家解答了编辑器相关问题,这一次和大家聊聊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返回搜狐,查看更多

责任编辑:

平台声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。
作者声明:本文部分信息引用自其他网站
阅读 ()