经常在其它WordPress网站上看到一些漂亮的网站都设置了背景图,zibll子比主题更新V7.8之后也新增了此功能,现在可以直接在主题设置配置网站全局背景图了,同时支持日间、夜间主题单独设置,且支持多项参数配合,以达到最好的效果,这篇文章就教大家如何设置此功能,同时文章底部也分享了官网的背景图以及配置参数供大家参考!
进入主题设置->全局&功能->显示&布局:在此处即可设置网站的全局主题高亮颜色,以及背景图等其它功能。
全局主题色和全局背景图都支持日间模式和夜间模式单独设置,如果设置了日间模式的,未设置夜间模式,则夜间模式也采用日间模式的参数!
关于配置全局背景图,需要注意的是图片色彩、各项参数的相关配合,只有配合好了才会有较好的效果,否则只会适得其反!
我们在设置背景图的时候,同时需要设置背景图的6个参数,这6个参数分别对应的CSS参数如下:
- background-position【背景位置】【查看css教程】
- background-repeat【重复方式】【查看css教程】
- background-attachment【附着方式】【查看css教程】
- background-size【背景尺寸】【查看css教程】
- background-origin【相对定位】【查看css教程】
刚开始如果不理解这两个参数的意义,建议每一项都测试一下,测试时候需要注意移动端的显示效果!
最后,分享一下官网的背景图,配置参数请查看上面截图!
注意:使用svg图片作为背景,有些浏览器会有兼容性问题,会导致页面卡顿!
网站背景日间模式1
网站背景日间模式2
网站背景夜间模式
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容