SVG交互圖文，如何快速插入簽名區(qū)？

原創(chuàng) 贊收藏 評(píng)論

舉報(bào) 2022-08-17

掃描,分享朋友圈

簽名區(qū)是啥？

微信截圖_20220817153334.png

作為一個(gè)公眾號(hào)運(yùn)營(yíng)者，如果你還不知道簽名區(qū)是啥，一定點(diǎn)擊《公眾號(hào)圖文底部簽名區(qū)樣式大全》看一下，這里面有對(duì)簽名區(qū)的解釋以及整理的6種常見(jiàn)的簽名區(qū)樣式。

很多品牌都會(huì)在圖文尾部放置一個(gè)簽名區(qū)，而且同一個(gè)簽名區(qū)都會(huì)在多篇圖文中重復(fù)使用。

制作簽名區(qū)的方法老沙之前也在《麥當(dāng)勞的底部引導(dǎo)關(guān)注，怎么做的？》一文中講過(guò)，比較常用的組件有超鏈接-圖片(無(wú)角標(biāo))（編號(hào)：10033）、小程序-圖片(無(wú)角標(biāo))（編號(hào)：10015）、公眾號(hào)-圖片（編號(hào)：10214）等，還有多列布局組合。

那你不會(huì)每次都重做一遍吧？可別呀，那太麻煩了！

但簽名區(qū)因?yàn)楹薪换邮接植荒苤苯诱迟N復(fù)制，那怎么辦？如何在快速在SVG交互圖文尾部插入之前制作好的簽名區(qū)呢？今天教大家2個(gè)方法。

方法一

導(dǎo)入該草稿到當(dāng)前草稿末尾

第1步：制作簽名區(qū)草稿

在 iPaiban Pro 黑科技編輯器中，我們將簽名區(qū)單獨(dú)制作一個(gè)草稿，并給草稿起一個(gè)特定的名字，比如「簽名區(qū)」，方便之后搜索調(diào)出。

微信截圖_20220817153536.png

第2步：制作正文草稿

新建草稿，制作交互圖文正文內(nèi)容。

第3步：導(dǎo)入該草稿到當(dāng)前草稿末尾

正文草稿制作完成后，在「草稿」中搜索找到之前制作的「簽名區(qū)」草稿，然后點(diǎn)擊該草稿下的「導(dǎo)入該草稿到當(dāng)前草稿末尾」，簽名區(qū)就被輕松導(dǎo)入正文草稿中啦。

微信截圖_20220817153605.png

之后每次在新圖文中加入簽名區(qū)，我們就重復(fù)第2、3步即可。

但是，如果你的新圖文是一個(gè)展開(kāi)效果，你想把簽名區(qū)放到展開(kāi)內(nèi)容的尾部，這個(gè)方法就不行了，那就要使用方法二了。

方法二

圖文引用

「圖文引用」是 iPaiban Pro 的一個(gè)特殊組件，之前講過(guò)利用「圖文引用」在交互排版中間插入文字的方法，需要的可以看看：《SVG 交互排版，怎么插入文字？》

在展開(kāi)效果中插入之前做好的簽名區(qū)樣式，同樣可以使用「圖文引用」組件。

第1步：添加「圖文引用」組件

展開(kāi)效果的正文內(nèi)容全部排好后，我們?cè)谡归_(kāi)內(nèi)容中再添加一個(gè)「圖文引用」組件（編號(hào)：10744），然后退出組合編輯模式，保存草稿。

第2步：復(fù)制「簽名區(qū)」草稿代碼

在「草稿」中搜索找到之前制作的「簽名區(qū)」草稿，點(diǎn)擊打開(kāi)，接著點(diǎn)擊右側(cè)「導(dǎo)入微信后臺(tái)」生成該草稿代碼，然后點(diǎn)擊「復(fù)制」。

微信截圖_20220817153910.png

第3步：粘貼「簽名區(qū)」草稿代碼

重新打開(kāi)之前的正文草稿，進(jìn)入組合編輯模式，在「圖文引用」組件中粘貼剛才復(fù)制的「簽名區(qū)」草稿代碼，這樣簽名區(qū)就被導(dǎo)入到展開(kāi)內(nèi)容的尾部啦。

微信截圖_20220817154000.png

注意：
①因?yàn)槲⑿牌脚_(tái)的限制，通過(guò)「圖文引用」導(dǎo)入的簽名區(qū)圖片可能無(wú)法正常顯示，不用擔(dān)心，導(dǎo)入公眾號(hào)后臺(tái)預(yù)覽就正常了。
②如果預(yù)覽發(fā)現(xiàn)展開(kāi)高度不對(duì)（展開(kāi)內(nèi)容未完全顯示），可以在編輯器展開(kāi)中通過(guò)「加減展開(kāi)高度（px）」進(jìn)行調(diào)整。

制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開(kāi)，即可開(kāi)始注冊(cè)并使用。

新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)，以及22個(gè)常用必備組件的大禮包（1年）。隨禮包附贈(zèng)千元優(yōu)惠券，每單最高立降500元。

本文系作者授權(quán)數(shù)英發(fā)表，內(nèi)容為作者獨(dú)立觀點(diǎn)，不代表數(shù)英立場(chǎng)。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。