Question

我正在使用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; 
}

如何设置针对该特定页面主体的bg图像？（我正在使用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;
    }
}

以我的风格.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; 
    }

Answer 1

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

如何在基于主题的Wordpress页面上为一个特定页面设置背景图像？

1 个答案: