教你正確復(fù)制SVG交互圖文,不失效!
在知乎上有一個(gè)瀏覽量非常高的問(wèn)題:如何復(fù)制公眾號(hào)SVG排版文章?
看了下幾乎沒(méi)有答到點(diǎn)上的,這個(gè)問(wèn)題也有許多小伙伴來(lái)問(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)。
大多數(shù)小伙伴問(wèn)的是第二種,而這種更簡(jiǎn)單。
眾所周知,因?yàn)镾VG交互排版的特殊性,它不能像普通圖文一樣可以直接進(jìn)行復(fù)制粘貼,否則會(huì)造成代碼丟失,交互失效,排版錯(cuò)亂。
為了讓交互效果不受改變的完美復(fù)制,面對(duì)以上兩種情況具體應(yīng)該怎么操作?我們一個(gè)一個(gè)來(lái)看。
一
復(fù)制編輯器的SVG排版到公眾號(hào)
制作SVG交互排版,當(dāng)然還是使用超好用的SVG微信編輯器——iPaiban Pro 黑科技編輯器(SVG.iPaiban.com)。
iPaiban Pro 編輯器的使用邏輯也很簡(jiǎn)單,主要分為四大步:選擇交互組件/組合→上傳素材,調(diào)整參數(shù)→預(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 小助手插件,大家可前往i排版官網(wǎng)(iPaiban.com)→旗下產(chǎn)品→i排版Pro瀏覽器插件進(jìn)行下載安裝。
第3步:粘貼導(dǎo)入排版代碼
小插件安裝成功后,打開(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)入」即可。
當(dāng)然,使用 iPaiban Pro 黑科技編輯器排版好的內(nèi)容,還有一個(gè)簡(jiǎn)單的導(dǎo)入公眾號(hào)的方法,那就是同步。
它的優(yōu)點(diǎn)是同步一鍵就完成了,支持多個(gè)賬號(hào)一起同步,而且同步后會(huì)實(shí)時(shí)生成預(yù)覽二維碼,方便隨時(shí)調(diào)整和預(yù)覽,省時(shí)省力。
二
復(fù)制已經(jīng)發(fā)布的SVG排版到公眾號(hào)
如果是已經(jīng)發(fā)布的SVG交互排版,復(fù)制到其他公眾號(hào)就需要下面的方法了。
第1步:安裝 iPanban Pro 小助手插件
iPanban Pro 小助手插件一款輕便的瀏覽器插件,是 iPaiban Pro 黑科技編輯器的輔助工具,使用它可一鍵提取音頻、視頻、小程序、公眾號(hào)、視頻號(hào)、紅包封面和地理位置的ID或代碼,以及一鍵打包下載圖文圖片素材等。
大家可前往i排版官網(wǎng)(iPaiban.com)→旗下產(chǎn)品→i排版Pro瀏覽器插件進(jìn)行下載安裝。
第2步:復(fù)制圖文鏈接
復(fù)制SVG交互圖文的鏈接。
第3步:粘貼導(dǎo)入SVG排版
在公眾號(hào)圖文編輯頁(yè)面,點(diǎn)擊右上角插件按鈕打開(kāi)小助手,選擇「導(dǎo)入功能」→「導(dǎo)入鏈接」,然后粘貼剛才復(fù)制的圖文鏈接,最后點(diǎn)擊「一鍵導(dǎo)入」就完成啦。
轉(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條)