如何從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變量。