Html 移动Wordpress后CSS中的相对链接

我在一个临时测试域上用Wordpress创建了一个博客。我把它放在主目录中，而不是文件夹中。现在我想把它移动到正确的网站，在一个文件夹中。我可以更新站点URL的所有MySQL值，相对路径链接工作正常

问题是我似乎无法使CSS路径链接正常工作。我意识到我的问题是它们与CSS文件相关，在WordPress主题中，而不是页面。但是我怎么才能解决这个问题呢

以下是一个例子：

#topNav {background:#3a93c3 url(wp-content/uploads/2011/07/blueNav.jpg) repeat-x;}

我尝试在开头添加“/”、“../”和“../”，但根本不起作用

问题:

---

为什么在我的WordPress网站上，CSS中的相对路径不起作用？

您也可以使用/作为网站的根目录。比如url（/yourfolder/wp content/…）

---

如果你想使用相对路径，你必须转到正确的目录。使用之前使用的../1目录，添加另一个../2目录，依此类推。

我刚刚查看了我的公司公司博客，我有两种不同的方法，一个旧主题是遗留的，另一个新主题是我创建的

首先，原始基本主题使用绝对路径：

#blogTour {
    background: url('http://www.domain.com/wp-content/uploads/2010/09/signup.png');
}

这通常并不理想，因为我必须对博客进行区域化，它们会有不同的URL，我不想使用PHP变量（$SERVER['DOCUMENT_ROOT'）），也许你可以

在我制作的新主题中，我将资产放在主题目录下……您能将图像放在主题目录中吗

#blogFeed {
    background: url('_images/icons/blog-feed.png');
}

最后，尝试用反勾号URL（“content”）包装URL的内容，我记得在某个地方读到，当通过预处理器（Wordpress/PHP）输出CSS时通常情况下，最好使用回号来包装字符串。

您可以使用s，这将帮助您访问web服务器的全局变量，并动态匹配要部署到的任何服务器

---

有关实现此功能的步骤，请参阅。

您确实不应该将主题图像放在上载文件夹中。您应该将主题图像存储在主题文件夹中。例如

wp-content/
    themes/
        mytheme/
            images/
                1.jpg
            style.css

所以在你的css中，你可以

background:transparent url(images/1.jpg);

---

这是一个老问题，但我发现它并没有得到真正的回答。
如前所述，从

wp content/uploads/

加载主题相关的内容不是最佳实践

但是，如果您真的想使用

wp content/uploads

中的内容，您可以使用：

#topNav {background:#3a93c3 url("../../uploads/2011/07/blueNav.jpg") repeat-x;}

这条路会行得通的

---

当从主题php或css调用相对URL时，基本URL变为

wp content/themes/{theme name}/

，因此您需要将两个目录级别（

。/../

）备份到

wp content/

css文件和wp content目录的绝对路径是什么？这是我将所有内容更改为URL的最佳/唯一选项（/blog/wp content/uploads/2011/07/blueNav.jpg）？你的css文件的URL是什么？你应该能够使用一些

。/

的组合。我认为问题是它在WordPress网站上。没有任何../的组合。例如，当我键入.././../时，css中的URL是。这显然不起作用。相对路径将在你的css文件中起作用，它们是你的问题非常可靠。但是你可能用错了。你能编辑你的问题以包含更多的细节吗，比如css文件的URL是什么？我想问题在于它是一个WordPress网站。我想WordPress处理css文件时会发生一些事情。我可以在我的其他网站中获得相关URL，但不是这个。@bozdoz N当然，WordPress绝对不负责任。它不“处理CSS文件”总之，样式表包含在主题的

中，就像在任何ol'网站中一样。此外，相对路径也可以在wp中使用。这是个好主意，但这是在WordPress网站上。我正在尝试操作一个已经创建的模板。WordPress似乎正在改变URL，但它处理CSS文件。你可以这样做使用WordPress，只需按照我引用的链接中的说明进行操作，并在WordPress themes header.php中添加到css.php文件的样式表链接，您就可以开始工作了。如果您需要代码示例，请告诉我。一般来说，这是一个好主意，但在这个示例中，我只需进行查找和替换，就可以更轻松地创建absolutCSS中的e路径。我将尝试此方法，只是为了好玩，稍后再与您联系。它将URL更改为：h t t p://www.example.com/blog/wp content/themes/boilerplate/。/images/blueNav.jpg注意，它将../放入URL中。您的模板中没有像oh wait这样的基标记。我认为您可以只做背景：透明url（images/1.jpg）；为什么透明背景会有帮助？