【子比主题】设置全局背景图、主题颜色教程

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

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

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

关于配置全局背景图，需要注意的是图片色彩、各项参数的相关配合，只有配合好了才会有较好的效果，否则只会适得其反！

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

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

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

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

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

0537f0001e20250413225224.svg

下载

svg文件

9.5K

网站背景-日间模式-2

下载

webp文件

748.7K

网站背景-夜间模式.png

下载

webp文件

209.8K