如何復(fù)制公眾號(hào)SVG排版圖文？
在知乎上有一個(gè)瀏覽量非常高的問(wèn)題：如何復(fù)制公眾號(hào)SVG排版文章？
看了下幾乎沒(méi)有答到點(diǎn)上的，這個(gè)問(wèn)題也有許多小伙伴問(wèn)過(guò)我，今天來(lái)給大家做個(gè)詳細(xì)解答。
復(fù)制公眾號(hào)SVG排版文章，可以分為兩種情況：
一種是在第三方編輯器排好版，復(fù)制到公眾號(hào)后臺(tái)；
一種是已經(jīng)發(fā)布的SVG圖文，再次復(fù)制到自己的公眾號(hào)后臺(tái)。
沒(méi)想到大多數(shù)小伙伴問(wèn)的是第二種。
眾所周知，因?yàn)镾VG交互排版的特殊性，它不能像普通圖文一樣可以直接進(jìn)行復(fù)制粘貼，否則會(huì)造成代碼丟失，交互失效，排版錯(cuò)亂。
為了讓交互效果不受改變的完美復(fù)制，我們需要進(jìn)行圖文代碼的轉(zhuǎn)移。那這兩種情況具體應(yīng)該怎么操作？我們一個(gè)一個(gè)來(lái)看。
一復(fù)制編輯器的SVG交互排版到公眾號(hào)
制作SVG交互排版，當(dāng)然還是使用 iPaiban Pro 黑科技編輯器。
iPaiban Pro 黑科技編輯器是全網(wǎng)首款 SVG 交互圖文編輯器，目前已更新1000+交互效果模板，配合 iPanban Pro 小助手插件使用，可以真正實(shí)現(xiàn)0代碼、10分鐘制作交互圖文。
iPaiban Pro 編輯器的使用邏輯也很簡(jiǎn)單，選擇交互模板→上傳素材→預(yù)覽效果→導(dǎo)入公眾號(hào)就完事。
說(shuō)說(shuō)最后一步導(dǎo)入公眾號(hào)，也就是復(fù)制編輯器的SVG交互排版到公眾號(hào)。
第1步：復(fù)制排版代碼
排版滿意后，我們點(diǎn)擊「導(dǎo)入微信后臺(tái)」會(huì)生成整個(gè)排版的代碼，接著點(diǎn)擊「復(fù)制」。
第2步：安裝 iPanban Pro 小助手插件
導(dǎo)入公眾號(hào)代碼需要用到前面提到的 iPanban Pro 小助手插件，插件下載和安裝教程戳：《「iPaiban Pro 小助手」瀏覽器插件v1.4》。
第3步：粘貼排版代碼
小插件安裝成功后，打開(kāi)公眾號(hào)后臺(tái)新建圖文。
在公眾號(hào)圖文編輯頁(yè)面，點(diǎn)擊右上角插件按鈕打開(kāi)小助手，選擇「導(dǎo)入代碼」，然后粘貼剛才復(fù)制的代碼，最后點(diǎn)擊「清空導(dǎo)入」就完成了。
如果我們是給已經(jīng)編輯好的圖文局部插入交互排版，在要導(dǎo)入的位置輸入下方標(biāo)志（包括大括號(hào)）再點(diǎn)擊「局部導(dǎo)入」即可。
{code}
在圖文結(jié)尾插入交互排版，無(wú)需輸入標(biāo)志，粘貼代碼后點(diǎn)擊「尾部導(dǎo)入」即可。
二復(fù)制已經(jīng)發(fā)布的SVG交互排版到公眾號(hào)
iPaiban Pro 有導(dǎo)入圖文的功能，如果是使用 iPaiban Pro 制作的交互圖文，我們使用該功能將排版導(dǎo)入到編輯器，然后再用情況一的方法就能導(dǎo)入到公眾號(hào)。
如果是定制的，復(fù)制已經(jīng)發(fā)布的SVG交互排版到公眾號(hào)就需要另外的方法了，一起看下。
第1步：打開(kāi)并了解瀏覽器「檢查」模式
將要復(fù)制的SVG交互圖文用瀏覽器打開(kāi)，在頁(yè)面空白處鼠標(biāo)右鍵，在出現(xiàn)的快捷菜單中選擇「檢查」打開(kāi)瀏覽器「檢查」模式（部分瀏覽器為「審查元素」）。
在「檢查」模式下，點(diǎn)擊左上角的小鼠標(biāo)按鈕后，鼠標(biāo)所到之處就會(huì)變藍(lán)，在變藍(lán)處點(diǎn)擊一下，「檢查」頁(yè)面中就會(huì)定位控制該處的代碼。
第2步：選中并復(fù)制排版代碼
我們移動(dòng)鼠標(biāo)至交互圖文正文開(kāi)頭，點(diǎn)擊一下，控制此處的代碼在「檢查」模式中就被選定。
想要選中全文，我們只需在代碼中向上找到選擇第一個(gè) div 標(biāo)簽，就會(huì)看到圖文全文變藍(lán)也就是被全選中了，Ctrl+C 復(fù)制代碼。
第3步：粘貼排版代碼
粘貼代碼還是推薦 iPaiban Pro 插件，下載和安裝教程戳：《「iPaiban Pro 小助手」瀏覽器插件v1.4》。
安裝成功后在公眾號(hào)圖文編輯頁(yè)面，點(diǎn)擊右上角插件按鈕打開(kāi)小助手，選擇「導(dǎo)入代碼」，然后粘貼剛才復(fù)制的代碼，最后點(diǎn)擊「清空導(dǎo)入」就完成了。
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開(kāi)，即可開(kāi)始注冊(cè)并使用。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）