教你正確復制SVG交互圖文,不失效!
在知乎上有一個瀏覽量非常高的問題:如何復制公眾號SVG排版文章?
看了下幾乎沒有答到點上的,這個問題也有許多小伙伴來問過,今天來給大家做個詳細解答。
復制公眾號SVG排版文章,可以分為兩種情況:
一種是在第三方編輯器排好版,復制到公眾號后臺;
一種是已經發布的SVG圖文,復制到其他公眾號后臺。
大多數小伙伴問的是第二種,而這種更簡單。
眾所周知,因為SVG交互排版的特殊性,它不能像普通圖文一樣可以直接進行復制粘貼,否則會造成代碼丟失,交互失效,排版錯亂。
為了讓交互效果不受改變的完美復制,面對以上兩種情況具體應該怎么操作?我們一個一個來看。
一
復制編輯器的SVG排版到公眾號
制作SVG交互排版,當然還是使用超好用的SVG微信編輯器——iPaiban Pro 黑科技編輯器(SVG.iPaiban.com)。
iPaiban Pro 編輯器的使用邏輯也很簡單,主要分為四大步:選擇交互組件/組合→上傳素材,調整參數→預覽效果→導入公眾號。
說說最后一大步導入公眾號,也就是復制編輯器的SVG交互排版到公眾號。
第1步:復制排版代碼
排版滿意后,我們點擊「導入微信后臺」會生成整個排版的代碼,接著點擊「復制」。
第2步:安裝 iPanban Pro 小助手插件
導入公眾號代碼需要用到 iPanban Pro 小助手插件,大家可前往i排版官網(iPaiban.com)→旗下產品→i排版Pro瀏覽器插件進行下載安裝。
第3步:粘貼導入排版代碼
小插件安裝成功后,打開公眾號后臺新建圖文。
在公眾號圖文編輯頁面,點擊右上角插件按鈕打開小助手,選擇「導入功能」,然后粘貼剛才復制的代碼,最后點擊「清空導入」就完成了。
如果我們是給已經編輯好的圖文局部插入交互排版,在要導入的位置輸入下方標志(包括大括號)再點擊「局部導入」即可。
{code}
在圖文結尾插入交互排版,無需輸入標志,粘貼代碼后點擊「尾部導入」即可。
當然,使用 iPaiban Pro 黑科技編輯器排版好的內容,還有一個簡單的導入公眾號的方法,那就是同步。
它的優點是同步一鍵就完成了,支持多個賬號一起同步,而且同步后會實時生成預覽二維碼,方便隨時調整和預覽,省時省力。
二
復制已經發布的SVG排版到公眾號
如果是已經發布的SVG交互排版,復制到其他公眾號就需要下面的方法了。
第1步:安裝 iPanban Pro 小助手插件
iPanban Pro 小助手插件一款輕便的瀏覽器插件,是 iPaiban Pro 黑科技編輯器的輔助工具,使用它可一鍵提取音頻、視頻、小程序、公眾號、視頻號、紅包封面和地理位置的ID或代碼,以及一鍵打包下載圖文圖片素材等。
大家可前往i排版官網(iPaiban.com)→旗下產品→i排版Pro瀏覽器插件進行下載安裝。
第2步:復制圖文鏈接
復制SVG交互圖文的鏈接。
第3步:粘貼導入SVG排版
在公眾號圖文編輯頁面,點擊右上角插件按鈕打開小助手,選擇「導入功能」→「導入鏈接」,然后粘貼剛才復制的圖文鏈接,最后點擊「一鍵導入」就完成啦。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)