如何从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

我知道你添加了＆＃34;相对路径＆＃34;标记，但您是否尝试过使用绝对路径，包括域名？

考虑尝试

.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所在的文件夹中查找以解析照片的路径。 ＆＃34; ..＆＃34;表示向上移动目录级别。

希望这有帮助！

Answer 2

您可以将所谓的半相对路径用于资源：

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

上面的

/wp-content/映射到http://www.domain.xyz/wp-content/，它允许您从图像的URL路径中省略域部分。如果省略起始/字符，样式表将在CSS文件所在的目录中查找wp-content/...。

  

注意：如果您的插件目录在wp-content之外，则上述方法无效。

如果您想要使用WordPress函数和常量的确切插件目录路径，请考虑使用PHP注入CSS：http://css-tricks.com/css-variables-with-php/。这样你就可以在CSS文件中执行一些PHP，包括将WP插件目录提取到PHP变量。