Css 如何在基于主题的Wordpress页面上设置特定页面的背景图像?

Css 如何在基于主题的Wordpress页面上设置特定页面的背景图像?,css,wordpress,wordpress-theming,background-image,Css,Wordpress,Wordpress Theming,Background Image,我正在使用BeTheme作为我的wordpress站点。现在我想通过设置背景图像(仅针对该页面)来更改may page的主体背景之一 我试着通过添加这个来改变我的style.css,因为我知道这对我来说可以胜任 body.page-id-269 { background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg")!important; background-posi

我正在使用BeTheme作为我的wordpress站点。现在我想通过设置背景图像(仅针对该页面)来更改may page的主体背景之一

我试着通过添加这个来改变我的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; 
}
如何设置特定页面正文的bg imge?(我使用的是BeTheme主题)

更新

正如下面提到的答案,我在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;
    }
}
在我的风格中,我添加了这个

 .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\u 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;
    }
}

使用
body\u 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;
    }
}


您可以在所述页面中创建一个JS变量,然后编写一个
if
语句,查找该变量,并更改
background image
属性,如果该属性返回true,那么更改样式时会发生什么。css?身体是否有适当的等级?你确定你的浏览器缓存没有给你旧的CSS吗?@janh:什么都没发生。是的,我删除了缓存,我添加的css部分在我的style.css中。那么body标签呢,它添加了哪些类?你可以在所述页面中创建一个JS变量,然后编写一个
if
语句,查找变量并更改
background image
属性,如果它返回true,那么更改style.css时会发生什么?身体是否有适当的等级?你确定你的浏览器缓存没有给你旧的CSS吗?@janh:什么都没发生。是的,我删除了缓存,我添加的css部分在我的style.css中。那么body标签呢,添加了哪些类?那么,我如何添加css部分呢?使用您编写的css在您的style.css中创建一个类。我在代码中添加了我的页面id,而不是“我的页面”。并创建了css部分,仍然不起作用,它改变了我所有的apge风格。谢谢。首先,我将您的代码添加到我的functions.php中。我把我的页面id改为“page-id-220”,而不是“我的页面”。然后在我的css中,我创建了一个名为my background的类,并添加了我的bg属性。就这样..你需要在问题中发布你的所有代码,这样我就可以看到你为我自己做了什么。除非“page-id-220”是页面的鼻涕虫,否则这是错误的做法,因为页面id是一个数字而不是字符串。再说一遍,我如何添加css部分?使用您编写的css在style.css中创建一个类。我在代码中放置了我的page-id而不是“我的页面”。并创建了css部分,仍然不起作用,它改变了我所有的apge风格。谢谢。首先,我将您的代码添加到我的functions.php中。我把我的页面id改为“page-id-220”,而不是“我的页面”。然后在我的css中,我创建了一个名为my background的类,并添加了我的bg属性。就这样..你需要在问题中发布你的所有代码,这样我就可以看到你为我自己做了什么。除非“page-id-220”是页面的slug,否则这样做是错误的,因为页面id是一个数字而不是字符串。