数字驱动

你造微信编辑器怎样更换背景图吗?

2019-06-26 12:40:23 4522 作者:微信编辑器
分享到:

微信编辑器怎样更换背景图?在这个看脸的社会,微信公众号图文也需要颜值支撑,你的图文颜值高不高,决定了用户和你对话的质量,毕竟靠内容干货吸引用户的内容平台越来越多,今天就给大家介绍使用背景图,让文章颜值大增。


微信编辑器怎样更换背景图


为了提高文章的颜值,一些新媒体小编们会选择将文字加上一些背景图,让文章看起来更加的美观。或者插入一些动态背景图,比如这样的:



微信公众号文章添加背景图是显著提高文章阅读体验的重要技巧,通常我们有两种方式让图文逼格满满,而且很容易就能上手。


方式一:微信编辑器更换背景图


长期是千篇一律的白色背景总显得文章很单调,但又不会PS等设计软件,这时候不妨借助第三方微信编辑器来实现。


市面上的编辑器都能实现这样的功能,例如点睛号编辑器,点击【排版素材>图片】,选择下拉框中的“背景图”,下方就会出现大量直接可套用的现成背景图素材。




选择中背景图后,背景图素材会被插入到中间编辑框内,我们只要将中的文字内容替换成我们需要的文字内容就可以完成创作。


如果需要自定义背景图,我们可以先选择一个背景他作为底色,然后通过设置面板将背景放大可以按回车键将文本框拉长。然后选中背景图,会出现一个“替换”按钮,我们可以选择本地图片对背景进行替换。


方式二:通过代码更换背景图


如果童鞋懂HTML基础知识就可以自己DIY背景图,图文信息添加背景图的原理就是利用HTML源码给一些块级元素添加背景图片样式,如下就是一个背景图片元素代码。


https://kfwimg.ikafan.com/upload/2e/78/2e783b9304fe8a6d1bc15650d4041103_thumb.png


其中bgcolor指的是背景颜色,background指的就是背景图,Width=“100%”表示图片是100%的宽度。通常在手机上显示,一定要注意图片大小以及表格的宽度,100%的宽度阅读体验最佳。

当然,不懂代码也没关系,如上代码照抄就行,只要将background=里面的链接改成自己想要的图片链接即可。

懂得了代码替换背景图的原理,下面我们来具体操作。由于公众号后台不支持源码编辑,所以可以借助微信图文编辑器来更改。

首先,随便找一个微信图文编辑器看是否有下图这样的HTML源代码模式,点击该选项切换模式。


https://kfwimg.ikafan.com/upload/65/8c/658c36046a6f4c0e35ed7e91797c53db_thumb.png


然后,将上面提到的源码复制进去,然后修改图片地址参数,操作如下:


https://kfwimg.ikafan.com/upload/6e/1d/6e1d833ad7a19108190f03b948597194_thumb.png


设置好源码后,再次点击源代码按钮回到文本编辑模式,这时候就会看到我们自己DIY设计的图文背景了。


https://kfwimg.ikafan.com/upload/ba/32/ba32ca50628d74a1e47ee169802f5d42_thumb.png


由此可见,想要自己DIY背景的可以使用修改源码的方式实现,这种方式支持添加动态背景,只要将背景参数换成GIF动态图即可。举一反三,在公众号图文里添加背景音乐也是同样的道理,当然如果只是想要快速插入背景图的话,使用微信编辑器一键插入现成背景图素材是最快捷的实现方式。


免费注册,立即体验智慧政务与高效内容创作之旅