SVG交互排版導入公眾號，用這2種方法不出錯
交互失效，排版錯亂……
已經完成的SVG交互排版，千萬不要直接復制到公眾號。因為SVG交互的特殊性，復制粘貼很可能會造成代碼丟失，導致排版不能使用。
交互排版導入公眾號的方式有2種，都挺簡單，但如果想要盡可能完美地導入，有一些細節一定要注，比如：
1.在公眾號后臺先設置好圖文封面、標題、摘要等，編輯好正文其他非交互內容（有的話），在SVG圖文處預留空行，準備導入。
2.預覽OK就不要動圖文編輯頁面內任何內容了，不要用鼠標點擊正文的交互，容易觸發交互效果，保存成觸發后的形式。如果不小心觸發，不要保存，重新導入。
3.預覽的設備和推送時的保持一致，不要換人或換設備，推送前一定要預覽2次以上，確保沒問題再推送。
4.推送的時候，最好從微信公眾號后臺首頁的近期編輯選擇「群發」。
其他推送注意事項戳：《SVG 交互圖文10大推送注意事項》
記住上述細節，我們再來看下2種方法的詳細步驟。
方法一、使用瀏覽器插件導入
安裝插件導入是一件一勞永逸的事情。
iPaiban Pro 小助手瀏覽器插件是 iPaiban Pro 黑科技編輯器的輔助工具，主要用來在公眾號后臺一鍵提取音頻、視頻、小程序、公眾號和視頻號的代碼，以及清空圖文和導入編輯器生成的圖文代碼，讓排版更高效。
《「iPaiban Pro 小助手」瀏覽器插件v1.4下載&安裝教程》
方法二、使用瀏覽器「檢查」模式導入
第1步：新建圖文
在公眾號后臺新建一個圖文，設置好標題、作者、封面圖等信息。
第2步：打開瀏覽器「檢查」模式
Windows系統快捷鍵F12，Mac系統快捷鍵Command+Option+i，或在頁面空白處右鍵單擊選擇快捷菜單中的「檢查」，打開圖文編輯頁面的「檢查」模式。
部分瀏覽器的右鍵快捷菜單中為「審查元素」，這里強烈建議使用谷歌瀏覽器，對交互排版的兼容性最好。
如果該交互前后不需要添加內容，則直接在正文處輸入一個1。
如果該交互前后有內容，則先編輯好前后內容，在該交互內容位置預留一個文字1。
第3步：確定代碼位置
點擊如下圖紅框位置小鼠標符號，然后移動鼠標到正文的文字1處。
緊接著點擊鼠標，便確定到了控制該位置的代碼，如下紅框所示。
第4步：粘貼代碼
在 iPaiban Pro 黑科技編輯器或收到的代碼文檔中復制代碼，切換到公眾號后臺編輯界面，在上一步確定的代碼處，右鍵選擇「Edit as HTML」，然后刪除原來內容，將代碼粘貼進去。
點擊代碼區域外的任意位置，交互排版出現在圖文中，然后點擊保存，預覽查看是否格式正常。注意，某些效果編輯器看到的格式可能會有異常，這是正常的，具體要看手機上的預覽。
現在新用戶注冊登錄 iPaiban Pro 黑科技編輯器，在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。
認準編輯器網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）