Css 如何在基于主题的Wordpress页面上设置特定页面的背景图像?
我正在使用BeTheme作为我的wordpress站点。现在我想通过设置背景图像(仅针对该页面)来更改may page的主体背景之一 我试着通过添加这个来改变我的style.css,因为我知道这对我来说可以胜任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
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是一个数字而不是字符串。