聚焦SVG排版技巧与创意应用的实用手册合集A collection of practical manuals focusing on SVG typesetting techniques and creative applications
排版指南“图文底部签名区(媒体矩阵),怎么可以快速复用之前的啊?”
“图文底部签名区(媒体矩阵),怎么可以快速复用之前的啊?”2024-11-08 09:00

 

                                                           


有什么完全一样的内容,是你几乎每篇文章中都会用到的吗?

最常见的情况就是:底部签名区

也有小伙伴们叫它媒体矩阵、底部引导关注等,说的都是一回事,就是图文底部展示品牌在不同社交媒体平台上的账号的一块区域。

·



制作一个签名区排版并不容易(教程),如果每篇文章中都用一样的签名区但每次都要重排一遍,非常浪费时间与精力。

今天教大家两种快速复用签名区内容的方法,省时又省力。



方法一

使用「选签名区」功能


第1步:制作签名区草稿

在 iPaiban Pro 编辑器中,我们将签名区单独制作一个草稿,并给草稿起一个特定的名字,比如「xx签名区」,方便之后搜索调出。


如果需要多版不同的签名区,则可以制作多个草稿并起名保存。

第2步:设为签名区

点击右侧「草稿」按钮,搜索找到之前保存的签名区草稿,然后点击「设为签名区」。


点击「草稿」中的「仅显示签名区」,可以看到所有设为签名区的草稿。


第3步:选择签名区导入

日常正文草稿排版完成后,点击编辑区右下方「选签名区」,也能看到之前保存的所有签名区草稿。

选择需要的签名区,点击「确定」,该签名区便会导入到当前草稿尾部,复用成功!



方法二

使用「图文引用」组件


「图文引用」是 iPaiban Pro 的一个特殊组件,之前讲过利用「图文引用」在交互排版中间插入文字的方法,需要的可以看看:《SVG 交互排版,怎么插入文字?》

如果我们使用了「点击展开」类的排版效果,而签名区需要放在展开后的内容底部,这时候方法一就不能用了,而是需要使用「图文引用」组件。


同样我们首先还是先将经常复用的签名区单独制作一个草稿,并设为签名区草稿(详细参见方法一中的步骤1、2)。



下面是正式教程。


第1步:添加「图文引用」组件


展开效果的正文内容全部排好后,在展开内容底部再添加一个「图文引用」组件编号:10744),然后退出组合编辑模式,保存草稿。



第2步:复制「签名区」草稿代码


选择打开之前制作的「签名区」草稿,接着点击右侧「导入微信后台」生成该草稿代码,然后点击「复制」。



第3步:粘贴「签名区」草稿代码


重新打开之前的正文草稿,进入展开组合编辑模式,在「图文引用」组件中粘贴刚才复制的「签名区」草稿代码,这样签名区就被导入到展开内容的尾部啦。



注意:
①因为微信平台的限制,通过「图文引用」导入的签名区图片可能无法正常显示,不用担心,导入公众号后台预览就正常了。


②如果预览发现展开高度不对(展开内容未完全显示),可以在编辑器展开中通过「加减展开高度(px)」进行调整。


大家排版时还有哪些觉得影响效率的事情?可以留言区说下,说不定对应功能就安排上啦。




制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。



SVG 黑科技交互排版👇🏻

 

                                               
                                               
                                               

如需定制 SVG 黑科技排版,请点此查看定制流程和套餐,低至500元/篇。

 

                                                           
                                                           
                           

热门工具
iPaiban ProSVG黑科技编辑器
立即免费试用
i排版公众号图文编辑器
免费制作图文
MiSum AI聚合国内外先进AI大模型
注册送300积分
品牌时光机SVG交互图文案例库
限时免费搜索
推荐阅读
1
不愧是Apple!6种苹果味儿十足排版效果请收好!12025-06-16
2
不愧是Apple!6种苹果味儿十足排版效果请收好!22025-06-16
3
不愧是Apple!6种苹果味儿十足排版效果请收好!32025-06-16
4
不愧是Apple!6种苹果味儿十足排版效果请收好!2025-06-16
5
不愧是Apple!6种苹果味儿十足排版效果请收好!2025-06-16
6
不愧是Apple!6种苹果味儿十足排版效果请收好!2025-06-16
组件教程
组件教程
ID:11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID:11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID:11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
SVG案例
推荐指数4.5
来了!新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了!新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了!新闻早班车体育运动
人民日报
2025-06-17
聚焦SVG排版技巧与创意应用的实用手册合集
首页排版指南
“图文底部签名区(媒体矩阵),怎么可以快速复用之前的啊?”2024-11-08 09:00

 

                                                           


有什么完全一样的内容,是你几乎每篇文章中都会用到的吗?

最常见的情况就是:底部签名区

也有小伙伴们叫它媒体矩阵、底部引导关注等,说的都是一回事,就是图文底部展示品牌在不同社交媒体平台上的账号的一块区域。

·



制作一个签名区排版并不容易(教程),如果每篇文章中都用一样的签名区但每次都要重排一遍,非常浪费时间与精力。

今天教大家两种快速复用签名区内容的方法,省时又省力。



方法一

使用「选签名区」功能


第1步:制作签名区草稿

在 iPaiban Pro 编辑器中,我们将签名区单独制作一个草稿,并给草稿起一个特定的名字,比如「xx签名区」,方便之后搜索调出。


如果需要多版不同的签名区,则可以制作多个草稿并起名保存。

第2步:设为签名区

点击右侧「草稿」按钮,搜索找到之前保存的签名区草稿,然后点击「设为签名区」。


点击「草稿」中的「仅显示签名区」,可以看到所有设为签名区的草稿。


第3步:选择签名区导入

日常正文草稿排版完成后,点击编辑区右下方「选签名区」,也能看到之前保存的所有签名区草稿。

选择需要的签名区,点击「确定」,该签名区便会导入到当前草稿尾部,复用成功!



方法二

使用「图文引用」组件


「图文引用」是 iPaiban Pro 的一个特殊组件,之前讲过利用「图文引用」在交互排版中间插入文字的方法,需要的可以看看:《SVG 交互排版,怎么插入文字?》

如果我们使用了「点击展开」类的排版效果,而签名区需要放在展开后的内容底部,这时候方法一就不能用了,而是需要使用「图文引用」组件。


同样我们首先还是先将经常复用的签名区单独制作一个草稿,并设为签名区草稿(详细参见方法一中的步骤1、2)。



下面是正式教程。


第1步:添加「图文引用」组件


展开效果的正文内容全部排好后,在展开内容底部再添加一个「图文引用」组件编号:10744),然后退出组合编辑模式,保存草稿。



第2步:复制「签名区」草稿代码


选择打开之前制作的「签名区」草稿,接着点击右侧「导入微信后台」生成该草稿代码,然后点击「复制」。



第3步:粘贴「签名区」草稿代码


重新打开之前的正文草稿,进入展开组合编辑模式,在「图文引用」组件中粘贴刚才复制的「签名区」草稿代码,这样签名区就被导入到展开内容的尾部啦。



注意:
①因为微信平台的限制,通过「图文引用」导入的签名区图片可能无法正常显示,不用担心,导入公众号后台预览就正常了。


②如果预览发现展开高度不对(展开内容未完全显示),可以在编辑器展开中通过「加减展开高度(px)」进行调整。


大家排版时还有哪些觉得影响效率的事情?可以留言区说下,说不定对应功能就安排上啦。




制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。



SVG 黑科技交互排版👇🏻

 

                                               
                                               
                                               

如需定制 SVG 黑科技排版,请点此查看定制流程和套餐,低至500元/篇。

 

                                                           
                                                           
                           

热门工具
iPaiban ProSVG黑科技编辑器
立即免费试用
i排版公众号图文编辑器
免费制作图文
MiSum AI聚合国内外先进AI大模型
注册送300积分
品牌时光机SVG交互图文案例库
限时免费搜索
推荐阅读
1
不愧是Apple!6种苹果味儿十足排版效果请收好!12025-06-16
2
不愧是Apple!6种苹果味儿十足排版效果请收好!22025-06-16
3
不愧是Apple!6种苹果味儿十足排版效果请收好!32025-06-16
4
不愧是Apple!6种苹果味儿十足排版效果请收好!2025-06-16
5
不愧是Apple!6种苹果味儿十足排版效果请收好!2025-06-16
6
不愧是Apple!6种苹果味儿十足排版效果请收好!2025-06-16
组件教程
组件教程
ID:11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID:11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID:11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
SVG案例
推荐指数4.5
来了!新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了!新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了!新闻早班车体育运动
人民日报
2025-06-17
i排版_iPaiban_客服微信扫码加客服领会员
联系邮箱:i@playhudong.com
i排版_iPaiban_公众号i排版_iPaiban_知乎i排版_iPaiban_微博i排版_iPaiban_哔哩哔哩
京ICP备14043207号-2 京公网安备11010802023272号
小黄人科技@2025 | 服务协议