2017-10-15 286 views
1

我为我的WordPress站点使用BeTheme。现在,我想通过设置背景图像(仅适用于该页面)来更改可能页面的背景图片之一。如何在基于主题的Wordpress页面上为特定页面设置背景图片?

我试着改变我的style.css,添加这个,因为我知道这会为我做这项工作。

body.page-id-269 { 
background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg")!important; 
background-position: center center!important; 
background-repeat: repeat!important; 
} 

如何设置为perticular页面主体的BG IMGE?(我使用BeTheme主题)

UPDATE

如下答复中提到我尝试了这些变化,我我的functions.php添加

add_filter('body_class', 'change_body_classes'); 

function change_body_classes($classes) { 
    if(is_page('page-id-269')) { 
     $classes[] = 'my-background-class'; 
     return $classes; 
    } 
} 

而且在我的风格的.css我加了这个,

.my-background-class{ 
    background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg")!important; 
    background-position: center center!important; 
    background-repeat: repeat!important; 
    } 
+0

内说页面,然后写一个'if'声明要找一个变量和更改'背景image'财产,如果它返回true,您可以创建一个JS变量 – Tom

+0

当你改变了你的style.css发生了什么事?身体是否有合适的班级?你确定你的浏览器缓存没有给你旧的CSS? – janh

+0

@janh:什么都没发生。是的,我删除了缓存,我添加的CSS部分在我的style.css中。 –

回答

0

使用body_class过滤器添加一个类到您的CSS特定页面。

add_filter('body_class', 'change_body_classes'); 

function change_body_classes($classes) { 
    if(is_page('my-page')) { 
     $classes[] = 'my-background-class'; 
     return $classes; 
    } 
} 
+0

然后再次,我如何添加css部分? –

+0

用你写的CSS在style.css中创建一个类。 –

+0

而不是'我的网页'在你的代码我把我的页面ID。并创建了CSS部分,仍然不起作用,它改变了我所有的apge样式。谢谢。 –

相关问题