2017-10-15 9 views
1

나는 내 WordPress 사이트에 BeTheme를 사용하고있다. 이제 배경 이미지 (해당 페이지에만 해당)를 설정하여 may 페이지의 본문 배경 중 하나를 변경하고 싶습니다.테마 기반 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

당신은 JS 변수를 만들 수 있습니다 당신이있는 style.css를 변경했을 때 어떤 현상이 발생 – Tom

+0

? 시체에 적절한 클래스가 있습니까? 브라우저 캐시가 이전 CSS를 제공하지 않는다는 것을 확인 했습니까? – janh

+0

@janh : 아무 일도 없었습니다. 예 캐시를 제거하고 추가 된 CSS 부분이 내 style.css에 있습니다. –

답변

0

body_class 필터를 사용하면 CSS와 함께 특정 페이지에 수업을 추가 할 수 있습니다. 페이지, 다음`if` 문 변수에 대한보고가 true를 돌려주는 경우`배경 - image` 속성을 변경 쓰기 말했다 내

add_filter('body_class', 'change_body_classes'); 

function change_body_classes($classes) { 
    if(is_page('my-page')) { 
     $classes[] = 'my-background-class'; 
     return $classes; 
    } 
} 
+0

다시, 어떻게 thee CSS 부분을 추가 할 수 있습니까? –

+0

작성한 CSS로 style.css 내에 클래스를 작성하십시오. –

+0

대신 'my-page'대신 내 page-id를 넣으십시오. 그리고 CSS 부분을 만들었지 만 여전히 작동하지 않으며 내 모든 apge 스타일을 변경합니다. 감사. –