style.css에서 WordPress 플러그인 폴더에 링크하는 방법은 무엇입니까?

Question

style.css의 WordPress 플러그인 폴더에있는 이미지에 연결하려고합니다. 나는 해봤 다음 그러나 그것은 작동하지 않습니다

.example { 
    background: url(images/photo.jpg) center center no-repeat; 
} 

플러그인 폴더 이미지 : /wp-content/plugins/my-plugin/images/photo.jpg

스타일 시트는 여기 : /wp-content/themes/my-theme/style.css

Answer 1

"relative-path"태그를 추가했지만 도메인 이름을 포함하여 절대 경로를 사용해 보셨습니까? 상대 경로를 사용하려면

하는

.example { 
    background: url('http://full-path.com/wp-content/plugins/my-plugin/images/photo.jpg') center center no-repeat; 
} 

을 시도 고려, 그것은 또한 당신이 시도 할 수 다음과 같습니다

../../plugins/my-plugin/images/photo.jpg 

이 서버가 CSS가에있는 폴더에서 찾고 가정 사진의 경로를 확인하십시오. ".."는 디렉토리 레벨을 위로 이동하는 것을 나타냅니다.

희망이 도움이됩니다.

Answer 2

당신은 너무 리소스에 대한 반 상대 경로라고 사용할 수 있습니다 : 당신이 이미지에 URL 경로에서 도메인 부분을 생략 할 수 있습니다 http://www.domain.xyz/wp-content/에

.example { 
    background-image: url('/wp-content/plugins/path/to/image.jpg'); 
} 

/wp-content/ 위의지도. 시작 문자 /을 생략하면 스타일 시트는 CSS 파일이있는 디렉토리에서 wp-content/...을 찾습니다.

참고 : 위의 방법은 플러그인 디렉토리가 wp-content 밖에없는 경우 작동하지 않습니다.

WordPress 기능 및 상수를 사용하여 정확한 플러그인 디렉토리 경로를 원한다면 CSS에 PHP를 주입하는 것을 고려하십시오 : http://css-tricks.com/css-variables-with-php/. 이 방법으로 CSS 파일 내에서 PHP 플러그인을 실행할 수 있습니다. PHP 플러그인에는 WP 플러그인 디렉토리를 가져올 수 있습니다.