css - wordpress插件开发-使用图像-找不到路径

Question

我正在为 wordpress 编写一个插件，但在处理图像时遇到了问题。如果我在 wp-content/plugins/my-plugin/中有我的插件，并且在那里有一个文件夹 images/test.png - 我如何在我的代码中引用该图像？我不想将图片放入主题中，因为当其他用户来获取我的插件时，图片将无法使用!

所以我的结构是

myplugin/plugin.php (which includes several files...)
myplugin/pluginstyle.css
myplugin/includes/page.php
myplugin/images/test.png

我的样式表工作得很好，但是当我尝试使用图像作为元素的背景时，它不起作用。

如何在我的插件中引用图像？

page.php 的测试输出

<div class="test"><p>hello</p></div>

CSS

.test { background: url(../images/test.png) repeat-x; }

我哪里错了？有没有我应该使用的方法？感谢您的帮助!

Answer 1

WordPress 的 PHP 常量 WP_PLUGIN_URL 包含您的插件文件夹的绝对 URL。因此，要获取 url，请使用 WP_PLUGIN_URL 。 '/myplugin/images/test.png'。在样式表中，图像路径总是相对于样式表本身。使用

.test { background: url(images/test.png); }

应该可以工作，只要它在外部样式表中。如果是内嵌的，您应该使用绝对 URL。