Question

我正在开发wordpress中的第一个插件，并在样式标记中使用background-image：

<head>
<style>
    .remove {
        border: solid;
        background-image: url(icon-remove.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        display: block;
        font-size: 14px;
        height: 20px;
        padding-top: 40px;
        text-align: center !important;
    }
</style>
</head>

我的插件路径是：

..www/wpsample/wp-content/plugins/sample

图像文件存在于同一目录（/ sample）

中

但是它显示我在控制台中出现错误为404以及它正在寻找的路径是

http://localhost/wpsample/wp-admin/icon-remove.jpg

如何为图像文件指定正确的路径？

Answer 1

您需要使用wp_enqueue_style命令告诉WP文件的位置：

   wp_enqueue_style('myStyle' //--- name
       //--- location of css file relative to this file
      , plugin_dir_url(__FILE__).'css/myCSS.css'
      , array()
   );

这是必需的，因为人们可以安装WP并将文件夹设置为不同的名称。 wp_enqueue_style将为您处理。

或者，将CSS嵌入到同一文件中。

Answer 2

如果你想在wordpress插件中使用background-image，你应该使用相对css路径到样式表。例如：

background-image: url("../wp-content/plugins/sample/icon-remove.jpg");

或者您可以在url()中添加完整网址：

background-image: url("http://localhost/wpsample/wp-content/plugins/sample/icon-remove.jpg");

有关详细信息，请阅读以下链接：W3

Answer 3

经过尝试多次解决方案后，这对我有用

background-image: url("<?php echo plugins_url().'/sample/icon-remove.jpg'?>");

wordpress没有获得css中的当前图像路径

3 个答案: