2017-10-15 299 views
1

我爲我的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; 
    } 
+0

內說頁面,然後寫一個'if'聲明要找一個變量和更改'背景image'財產,如果它返回true,您可以創建一個JS變量 – Tom

+0

當你改變了你的style.css發生了什麼事?身體是否有合適的班級?你確定你的瀏覽器緩存沒有給你舊的CSS? – janh

+0

@janh:什麼都沒發生。是的,我刪除了緩存,我添加的CSS部分在我的style.css中。 –

回答

0

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

然後再次,我如何添加css部分? –

+0

用你寫的CSS在style.css中創建一個類。 –

+0

而不是'我的網頁'在你的代碼我把我的頁面ID。並創建了CSS部分,仍然不起作用,它改變了我所有的apge樣式。謝謝。 –

相關問題