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

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

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

图片[1]-WordPress网站添加背景图像详细教程-WordPress主题模板-zibll子比主题

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

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

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

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

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

下载图标
网站背景-日间模式-1.svg
svg文件
9.5K
下载图标
网站背景-日间模式-2.png
png文件
439.1K
下载图标
网站背景-夜间模式.png
png文件
710.6K
© 版权声明
THE END
文章不错?点个赞呗
点赞99赞赏 分享
评论 共4条

请登录后发表评论