小助手插件导入转载

编辑器同步导入转载

「检查」模式导入转载

第1步：新建图文

在公众号后台新建一个图文，设置好标题、作者、封面图等信息。

第2步：打开浏览器「检查」模式

Windows系统快捷键F12，Mac系统快捷键Command+Option+i，或在页面空白处右键单击选择快捷菜单中的「检查」，打开图文编辑页面的「检查」模式。

部分浏览器的右键快捷菜单中为「审查元素」，这里强烈建议使用谷歌浏览器，对交互排版的兼容性最好。

如果该交互前后不需要添加内容，则直接在正文处输入一个1。

如果该交互前后有内容，则先编辑好前后内容，在该交互内容位置预留一个文字1。

第3步：确定代码位置

点击如下图红框位置小鼠标符号，然后移动鼠标到正文的文字1处。

紧接着点击鼠标，便确定到了控制该位置的代码，如下红框所示。

第4步：粘贴代码

右键选择「Edit as HTML」（中文为「以HTML格式修改」），然后删除原来内容，将复制的图文代码粘贴进去。

点击代码区域外的任意位置，交互排版出现在图文中，然后点击「保存为草稿」，预览查看图文是否正常。（某些SVG效果在电脑端可能会有异常，以手机端预览为准。）

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。

● SVG 黑科技交互排版👇🏻

 

如需定制 SVG 黑科技排版，请点此查看策划、设计、定制开发流程和套餐，低至500元/篇。