css - 链接与样式表相关的背景图像

Question

我正在编写这个 Wordpress 网站 http://searchanddevelop.ca/adv/我有一个样式表，我经常在其中引用外部背景图像。

我不想硬链接(hard link)这些图像，但是当我使用相对链接时，Wordpress 永久链接结构会破坏所有内容，因为它将内页嵌套在目录(我猜是伪目录)中。

单击我引用的 URL 中的一个页面，您就会明白我的意思。

.area-heading {
    background: url('../../../images/titlechevron.png') no-repeat left;
    margin: 2px 0 11px 2px;
    height: 16px;
    }

此外，如果我将相关内容链接到域根目录，那么当我将站点移出测试目录/adv/并移至它自己的域时，我预计所有背景图像都会损坏。

在此处相对链接我的图像的最佳方式是什么？我觉得我缺少一个核心概念。

Answer 1

使用 WordPress，保持图像完整的最简单方法是将它们放入主题文件夹 - (您的 style.css 文件所在的位置)- 然后，无论您在何处安装网站，图像都将在相对于 style.css 文件的相同位置。

通常，我会创建一个名为“images”的文件夹并将其放入我的主题文件夹中。然后为了链接到图像，我将能够使用(在样式表中)url('images/photo.jpg') 等。

然后主题文件将包含主题正确显示所需的一切 - 您的所有样式、图像和主题文件都在一起。