SVG交互圖文，如何快速插入簽名區？
簽名區是啥？
作為一個公眾號運營者，如果你還不知道簽名區是啥，一定點擊《公眾號圖文底部簽名區樣式大全》看一下，這里面有對簽名區的解釋以及整理的6種常見的簽名區樣式。
很多品牌都會在圖文尾部放置一個簽名區，而且同一個簽名區都會在多篇圖文中重復使用。
制作簽名區的方法老沙之前也在《麥當勞的底部引導關注，怎么做的？》一文中講過，比較常用的組件有超鏈接-圖片(無角標)（編號：10033）、小程序-圖片(無角標)（編號：10015）、公眾號-圖片（編號：10214）等，還有多列布局組合。
那你不會每次都重做一遍吧？可別呀，那太麻煩了！
但簽名區因為含有交互樣式又不能直接粘貼復制，那怎么辦？如何在快速在SVG交互圖文尾部插入之前制作好的簽名區呢？今天教大家2個方法。
方法一
導入該草稿到當前草稿末尾
第1步：制作簽名區草稿
在 iPaiban Pro 黑科技編輯器中，我們將簽名區單獨制作一個草稿，并給草稿起一個特定的名字，比如「簽名區」，方便之后搜索調出。
第2步：制作正文草稿
新建草稿，制作交互圖文正文內容。
第3步：導入該草稿到當前草稿末尾
正文草稿制作完成后，在「草稿」中搜索找到之前制作的「簽名區」草稿，然后點擊該草稿下的「導入該草稿到當前草稿末尾」，簽名區就被輕松導入正文草稿中啦。
之后每次在新圖文中加入簽名區，我們就重復第2、3步即可。
但是，如果你的新圖文是一個展開效果，你想把簽名區放到展開內容的尾部，這個方法就不行了，那就要使用方法二了。
方法二
圖文引用
「圖文引用」是 iPaiban Pro 的一個特殊組件，之前講過利用「圖文引用」在交互排版中間插入文字的方法，需要的可以看看：《SVG 交互排版，怎么插入文字？》
在展開效果中插入之前做好的簽名區樣式，同樣可以使用「圖文引用」組件。
第1步：添加「圖文引用」組件
展開效果的正文內容全部排好后，我們在展開內容中再添加一個「圖文引用」組件（編號：10744），然后退出組合編輯模式，保存草稿。
第2步：復制「簽名區」草稿代碼
在「草稿」中搜索找到之前制作的「簽名區」草稿，點擊打開，接著點擊右側「導入微信后臺」生成該草稿代碼，然后點擊「復制」。
第3步：粘貼「簽名區」草稿代碼
重新打開之前的正文草稿，進入組合編輯模式，在「圖文引用」組件中粘貼剛才復制的「簽名區」草稿代碼，這樣簽名區就被導入到展開內容的尾部啦。
注意：
①因為微信平臺的限制，通過「圖文引用」導入的簽名區圖片可能無法正常顯示，不用擔心，導入公眾號后臺預覽就正常了。
②如果預覽發現展開高度不對（展開內容未完全顯示），可以在編輯器展開中通過「加減展開高度（px）」進行調整。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）