当前位置:首页 > 网站模板 > 正文内容

标签模板怎么复制粘贴(标签模板怎么编辑)

网站模板1年前 (2023-09-15)277

在知乎上有一个浏览量非常高的问题:如何复制公众号SVG排版文章?

老沙看了下几乎没有答到点上的,这个问题也有许多小伙伴问过我,今天来给大家做个详细解答。

复制公众号SVG排版文章,可以分为两种情况:

一种是在第三方编辑器排好版,复制到公众号后台;

一种是已经发布的SVG图文,再次复制到自己的公众号后台。

没想到大多数小伙伴问的是第二种。

众所周知,因为SVG交互排版的特殊性,它不能像普通图文一样可以直接进行复制粘贴,否则会造成代码丢失,交互失效,排版错乱。

为了让交互效果不受改变的完美复制,我们需要进行图文代码的转移。那这两种情况具体应该怎么操作?我们一个一个来看。

复制编辑器的SVG交互排版到公众号

制作SVG交互排版,当然还是使用 iPaiban Pro 黑科技编辑器。

iPaiban Pro 黑科技编辑器是全网首款 SVG 交互图文编辑器,目前已更新1000+交互效果模板,配合 iPanban Pro 小助手插件使用,可以真正实现0代码、10分钟制作交互图文。

iPaiban Pro 编辑器的使用逻辑也很简单,选择交互模板→上传素材→预览效果→导入公众号就完事。

说说最后一步导入公众号,也就是复制编辑器的SVG交互排版到公众号。

第1步:复制排版代码

展开全文

排版满意后,我们点击「导入微信后台」会生成整个排版的代码,接着点击「复制」。

标签模板怎么复制粘贴(标签模板怎么编辑)

第2步:安装 iPanban Pro 小助手插件

导入公众号代码需要用到前面提到的 iPanban Pro 小助手插件,插件下载和安装教程戳: 《「iPaiban Pro 小助手」浏览器插件v1.4》 。

第3步:粘贴排版代码

小插件安装成功后,打开公众号后台新建图文。

在公众号图文编辑页面,点击右上角插件按钮打开小助手,选择「导入代码」,然后粘贴刚才复制的代码,最后点击「清空导入」就完成了。

如果我们是给已经编辑好的图文局部插入交互排版,在要导入的位置输入下方标志(包括大括号)再点击「局部导入」即可。

{code}

在图文结尾插入交互排版,无需输入标志,粘贴代码后点击「尾部导入」即可。

复制已经发布的SVG交互排版到公众号

iPaiban Pro 有导入图文的功能,如果是使用 iPaiban Pro 制作的交互图文,我们使用该功能将排版导入到编辑器,然后再用情况一的方法就能导入到公众号。

如果是定制的,复制已经发布的SVG交互排版到公众号就需要另外的方法了,一起看下。

第1步:打开并了解浏览器「检查」模式

将要复制的SVG交互图文用浏览器打开,在页面空白处鼠标右键,在出现的快捷菜单中选择「检查」打开浏览器「检查」模式(部分浏览器为「审查元素」)。

在「检查」模式下,点击左上角的小鼠标按钮后,鼠标所到之处就会变蓝,在变蓝处点击一下,「检查」页面中就会定位控制该处的代码。

第2步:选中并复制排版代码

我们移动鼠标至交互图文正文开头,点击一下,控制此处的代码在「检查」模式中就被选定。

想要选中全文,我们只需在代码中向上找到选择第一个 div 标签,就会看到图文全文变蓝也就是被全选中了,Ctrl+C 复制代码。

第3步:粘贴排版代码

粘贴代码老沙还是推荐 iPaiban Pro 插件,下载和安装教程戳: 《「iPaiban Pro 小助手」浏览器插件v1.4》 。

安装成功后在公众号图文编辑页面,点击右上角插件按钮打开小助手,选择「导入代码」,然后粘贴刚才复制的代码,最后点击「清空导入」就完成了。

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

新用户在「新手礼包」可领取 3天企业标准版会员体验权,以及 22个常用必备组件的大礼包(1年)哦 。

一个互动

你还想了解关于交互图文的什么小技巧?

留言区聊聊

● SVG 黑科技交互排版👇🏻

·

如需定制 SVG 黑科技排版,请添加下方玉兔微信沟通咨询。

点个“在看”

戳沙小僧(playhudong033)

领取交互图文案例库15天会员

(含数千品牌的1万+案例)

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://sdjcht.com/post/30847.html

分享给朋友:

“标签模板怎么复制粘贴(标签模板怎么编辑)” 的相关文章

用word排版小学数学题(word数学题怎么排版)

用word排版小学数学题(word数学题怎么排版)

本篇文章给大家谈谈用word排版小学数学题,以及word数学题怎么排版对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、word口算题怎么快速排版? 2、求word技术...

如何开自己的外卖平台(如何开自己的外卖平台赚钱)

如何开自己的外卖平台(如何开自己的外卖平台赚钱)

本篇文章给大家谈谈如何开自己的外卖平台,以及如何开自己的外卖平台赚钱对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、在美团外卖开店需要具备的条件 2、美团外卖怎么注册开...

网页制作软件hbuilder(网页制作软件hbuilder还有什么)

网页制作软件hbuilder(网页制作软件hbuilder还有什么)

本篇文章给大家谈谈网页制作软件hbuilder,以及网页制作软件hbuilder还有什么对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、HBuilderX 是什么软件呢?...

抖音书单背景素材图片(热门书单背景图片)

抖音书单背景素材图片(热门书单背景图片)

今天给各位分享抖音书单背景素材图片的知识,其中也会对热门书单背景图片进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、抖音里一本书的图片,上面全是经典语录,怎么...

幼儿园教育课件ppt完整免费声音(幼儿教育ppt课件下载)

幼儿园教育课件ppt完整免费声音(幼儿教育ppt课件下载)

本篇文章给大家谈谈幼儿园教育课件ppt完整免费声音,以及幼儿教育ppt课件下载对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、如何组织开展幼儿园园本教研活动课件.ppt全文...

做一个网站需要多少钱大概1380元(做一个网站需要多少钱?)

做一个网站需要多少钱大概1380元(做一个网站需要多少钱?)

本篇文章给大家谈谈做一个网站需要多少钱大概1380元,以及做一个网站需要多少钱?对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、建立一个网站需要多少钱啊? 2、网站建设...