programing

워드프레스 플러그인 개발 - 이미지 사용 - 경로를 찾을 수 없습니다.

codeshow 2023. 2. 26. 10:21
반응형

워드프레스 플러그인 개발 - 이미지 사용 - 경로를 찾을 수 없습니다.

워드프레스용 플러그인을 쓰고 있어서 이미지에 문제가 있습니다.플러그인이 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

반응형