如何在基于主题的Wordpress页面上为特定页面设置背景图片?
我为我的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;
}
使用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;
}
}
然后再次,我如何添加css部分? –
用你写的CSS在style.css中创建一个类。 –
而不是'我的网页'在你的代码我把我的页面ID。并创建了CSS部分,仍然不起作用,它改变了我所有的apge样式。谢谢。 –
内说页面,然后写一个'if'声明要找一个变量和更改'背景image'财产,如果它返回true,您可以创建一个JS变量 – Tom
当你改变了你的style.css发生了什么事?身体是否有合适的班级?你确定你的浏览器缓存没有给你旧的CSS? – janh
@janh:什么都没发生。是的,我删除了缓存,我添加的CSS部分在我的style.css中。 –