如何从style.css链接到WordPress插件文件夹？

Question

我正在尝试链接到来自style.css的WordPress插件文件夹中的图像。我试过以下，但不工作：

.example { 
    background: url(images/photo.jpg) center center no-repeat; 
} 

Plugins文件夹图片： /wp-content/plugins/my-plugin/images/photo.jpg

样式表是这里： /wp-content/themes/my-theme/style.css

Answer 1

我知道你添加了“相对路径”标签，但你是否尝试过使用绝对路径，包括域名？

考虑尝试

.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是在文件夹中找解决照片的路径。 “..”表示向上移动目录级别。

希望这会有所帮助！

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/...。

注意：如果您的plugins目录不在wp-content之外，上述方法将不起作用。

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