100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信公众图文消息html 微信公众号图文消息怎么添加图片背景?

微信公众图文消息html 微信公众号图文消息怎么添加图片背景?

时间:2020-11-03 06:46:25

相关推荐

微信公众图文消息html 微信公众号图文消息怎么添加图片背景?

很多时候你可能看到别人的微信公众号图文信息不仅图文并茂,而且还有美轮美奂的背景图,小桥流水的音乐,感觉逼格一下子就上去了。文字在图片上面,感觉别出一格,与众不同。

那如何给公众号图文信息添加背景图呢?很简单,和给公众号图文加样式是一个道理。

其实,从你看到这个标题,点击进来的时候,我已经告诉你如何做了,难道你没发现今天的这篇博文就是有背景图的吗?

下面木木就简要的和大家讲一下如何操作,原理利用的就是HTML源码,给一些代码中的块级元素添加背景图片就行了,如下我利用的是表格元素,然后给表格添加一个背景就OK,懂一点代码的人一看便知,我这个是很简要的一个代码,有需要的可以多加一些属性。

注意:我表格的宽度是100%,而图片是一张可以重复无缝对接的小图,也就是你看到的这个背景其实是由很多张组成,如果你只想要一个专门的大图或自己设计的图,那么注意图片大小以及表格的宽度。

如果你完全不会代码,那也没事,如上代码照抄就行,箭头所指链接改成自己想要的图片的链接即可,或者你直接复制粘贴这篇文章也行,把图片链接和文字换成自己的就行。

好,源码有了,但是由于公众号平台不支持源码编辑,所以可以在其他支持源码编辑的地方把你想要的背景图设置好,编辑器很多,本身博客就可以,不过既然是谈微信方面的,木木就随便拿一个微信图文编辑器举例吧。

首先,随便进一个微信内容编辑器,所有的都会有如下的源代码模式,点击。

然后,把源码复制进去,该设置的设置,图片地址该换的换。如下:

接着,再次点击源代码按钮回到正常模式,你就可以看到你设置好的背景了。

再接着,将以上内容全部复制粘贴到微信公众号图文编辑页面即可,然后你就可以加入你的文字信息了。

如下,就是最终公众号图文信息效果了!当然我就是随便举举例,比较丑,随便看看就行。大家在做背景图或找背景图的时候一定要精挑细选。

另外,你要是想添加动态背景,也是一样的,只不过利用GIF动态图就可以了。而在公众号图文信息里添加背景音乐也是同样的道理,利用添加音乐的代码即可。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。