WordPress站点添加背景图的两种方法

转载 懿古今  2017-11-10 01:52  阅读 229 次 评论 2 条 百度已收录

WordPress 主题大多数都自带有添加背景图功能,不过部分主题为了可能觉得添加一张大大的背景图会拖慢网页加载速度,所以就没有集成这个更换背景图功能,比如 Nana主题Blogs主题。不过既然有用户需要,那么今天就跟大家说一说如何为我们的 WordPress 站点添加背景图。

方法一:直接修改 style.css 文件

这个方法很简单,只需要将以下代码添加到当前主题的 style.css文件即可。

 

  1. body.custom-background {  
  2.     background-image: url(http://localhost/wordpress/wp-content/uploads/2017/11/timg.jpg);  
  3.     background-position: center center;  
  4.     background-size: cover;  
  5.     background-repeat: no-repeat;  
  6.     background-attachment: fixed;  
  7. }  

记得修改代码中的图片为自己的图片地址,图片大小建议为大图片,比如1920X1080。这个方法直接适用于 Nana主题Blogs主题,其他主题只需要确保 body 标签中有 body_class() 函数即可,没有就直接添加即可,比如:

 

  1. <body <?php body_class(); ?>>  

如果不想添加这个函数,只需要将上述代码的body.custom-background 改为 body,理论上也是可以的。

方法二:在后台显示『背景』按钮

确保当前主题的 body 标签中有 body_class() 函数,没有就按方法一的方法直接添加(Nana主题和 Blogs主题可忽略此步骤)

将以下代码添加到当前主题的php 文件当中

 

  1. //添加背景按钮  
  2. add_theme_support( 'custom-background');  

此时,在我们 WordPress 站点后台 >> 外观 >> 背景 >> 背景图像 >> 添加背景图,然后设置为填满屏幕并保存发布即可。

如果文章对你有帮助,请赞赏支持闲木鱼发展!

本文地址:https://www.xianmuyu.com/705.html
温馨提示:文章内容系作者个人观点,不代表闲木鱼对观点赞同或支持。
版权声明:本文为转载文章,来源于 懿古今 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 小斌博客
    小斌博客 【农民】 @回复
    UC Browser 6.2.3831.3 UC Browser 6.2.3831.3 Windows 10 x64 Edition Windows 10 x64 Edition

    我还是喜欢这种简洁美!