css - 在 WordPress 样式表中正确使用 URL

Question

我一直在研究在我的 CSS 中使用图像的相对路径和绝对路径的优点/缺点。看完this discussion我开始认为绝对是我应该使用的。我一点都不担心跨域兼容性问题。我主要关心的是我网站的重量。将所有这些绝对 URL 放入我的样式表中是否会产生一堆服务器请求？或者是否有其他方式使用绝对会使网站陷入困境？

我还想知道在 WordPress 样式表中创建绝对路径的正确方法是什么。难道没有他们喜欢的某种结构吗？我知道 CSS 文件通常不解析 php，所以使用类似 background-image: url(<?php bloginfo('template_directory')?>/images/background.jpg); 的东西是不正确的，但是有没有一种方法可以让他们更喜欢结构化绝对 URL？我检查了 WordPress CSS Standards但他们提供的图像和 URL 信息很少。我认为只有一个例子，值得注意的是它是一个相对路径......

请帮助我了解在 WordPress 样式表中处理 URL 的正确方法。非常感谢您提供的任何信息和引用资料。

Answer 1

不要在您的 css 文件中使用完整的 url。如果您将文件移动到新域，则需要做大量清理工作。只要您不更改目录结构，相对路径就可以。

background: url("../images/background.jpg");

我不知道 Wordpress 在这个问题上有任何官方最佳实践，但我相信你会坚持使用最适合你的方法。