个性化阅读
专注于IT技术分析

如何在基于主题的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; 
}

如何为该垂直页面主体设置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; 
    }

#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;
    }
}
赞(0) 打赏
未经允许不得转载:srcmini » 如何在基于主题的WordPress页面上为一个特定页面设置背景图像?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏