zibll子比主题设置全局背景图、主题颜色教程[V7.8新功能]

经常在其它WordPress网站上看到一些漂亮的网站都设置了背景图，zibll子比主题更新V7.8之后也新增了此功能，现在可以直接在主题设置配置网站全局背景图了，同时支持日间、夜间主题单独设置，且支持多项参数配合，以达到最好的效果，这篇文章就教大家如何设置此功能，同时文章底部也分享了官网的背景图以及配置参数供大家参考！

进入主题设置->全局&功能->显示&布局：在此处即可设置网站的全局主题高亮颜色，以及背景图等其它功能。

全局主题色和全局背景图都支持日间模式和夜间模式单独设置，如果设置了日间模式的，未设置夜间模式，则夜间模式也采用日间模式的参数！

我们在设置背景图的时候，同时需要设置背景图的6个参数，这6个参数分别对应的CSS参数如下：

• background-position【背景位置】【查看css教程】
• background-repeat【重复方式】【查看css教程】
• background-attachment【附着方式】【查看css教程】
• background-size【背景尺寸】【查看css教程】
• background-origin【相对定位】【查看css教程】

刚开始如果不理解这两个参数的意义，建议每一项都测试一下，测试时候需要注意移动端的显示效果！

最后，分享一下官网的背景图，配置参数请查看上面截图！

注意：使用svg图片作为背景，有些浏览器会有兼容性问题，会导致页面卡顿！

网站背景-日间模式-1.svg

下载

svg文件

9.5K

网站背景-日间模式-2.png

下载

png文件

439.1K

网站背景-夜间模式.png

下载

png文件

710.6K