반응형
워드프레스 플러그인 개발 - 이미지 사용 - 경로를 찾을 수 없습니다.
워드프레스용 플러그인을 쓰고 있어서 이미지에 문제가 있습니다.플러그인이 wp-content/plugins/my-plugin/에 있고 그 안에 폴더 이미지/test.png가 있는 경우 코드로 이미지를 참조하려면 어떻게 해야 합니까?테마에 이미지를 넣을 필요는 없습니다.다른 유저가 플러그 인을 받으러 와도 이미지가 동작하지 않습니다!
그래서 제 구조는
myplugin/plugin.php (which includes several files...)
myplugin/pluginstyle.css
myplugin/includes/page.php
myplugin/images/test.png
스타일시트는 잘 동작하고 있습니다만, 이미지를 요소의 배경으로 사용하려고 하면 동작하지 않습니다.
플러그인 이미지를 참조하려면 어떻게 해야 합니까?
페이지의 출력을 테스트합니다.php
<div class="test"><p>hello</p></div>
css
.test { background: url(../images/test.png) repeat-x; }
내가 뭘 잘못하고 있는 거지?제가 사용해야 할 방법이 있나요?도와주셔서 감사합니다!
WordPress의 PHP 상수WP_PLUGIN_URL
에는 플러그인 폴더에 대한 절대 URL이 포함되어 있습니다.따라서 URL을 얻으려면WP_PLUGIN_URL . '/myplugin/images/test.png'
스타일시트에서 이미지 경로는 항상 스타일시트 자체에 상대적입니다.사용.
.test { background: url(images/test.png); }
외부 스타일시트에 있는 한 동작합니다.인라인일 경우 절대 URL을 사용해야 합니다.
이를 위한 한 가지 방법은 다음과 같습니다.
plugins_url('images/test.png', __FILE__)
...사용자가 부모 디렉토리의 이름을 변경해도 올바른 URL이 표시됩니다.
나는 콜린의 대답을 다음과 같이 사용했다.
<img src="<?php echo plugins_url( 'images/test.png', __FILE__ ); ?>" border="0" />
언급URL : https://stackoverflow.com/questions/3053112/wordpress-plugin-development-using-images-path-not-found
반응형
'programing' 카테고리의 다른 글
angularjs는 입력 유효성 검사에 실패할 때 폼 제출을 방지합니다. (0) | 2023.02.26 |
---|---|
JSONObject를 맵으로 변환 (0) | 2023.02.26 |
리덕스 대 플레인 리액트 (0) | 2023.02.26 |
메시지를 로드하기 위한 ng-clock의 반대 (0) | 2023.02.26 |
CRUDRespository에서 업데이트 또는 저장 업데이트, 사용 가능한 옵션이 있습니까? (0) | 2023.02.26 |