WordPress网站添加背景图的两种方法图文教程!

原创 明月SEO  2017-11-12 23:30  阅读 1,145 次

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

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

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

  1. body.custom-background {
  2.     background-imageurl(http://localhost/wordpress/wp-content/uploads/2017/11/timg.jpg);
  3.     background-positioncenter center;
  4.     background-size: cover;
  5.     background-repeatno-repeat;
  6.     background-attachmentfixed;
  7. }

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

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

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

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

确保当前主题的 body 标签中有 body_class() 函数,没有就按方法一的方法直接添加

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

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

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

背景图设置界面

本文地址:http://www.brightmoonseo.com/build/1535.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:明月网络营销
版权声明:本文为原创文章,版权归 明月SEO 所有,欢迎分享本文,转载请保留出处!
西安网站制作

发表评论


表情