Question

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

问题是我似乎无法使我的CSS路径链接工作。我意识到我的问题是他们是相对于CSS文件，在WordPress主题，而不是页面。但我该如何解决这个问题呢？

以下是一个例子：

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

我尝试在开头添加'./'，'.. /'和'../../'，但它根本不起作用。

问题

为什么我的WordPress网站上的CSS中没有相对路径？

Answer 1

你真的不应该把主题图片放在上传文件夹中。你应该将主题图像存储在主题文件夹中。像

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

所以在你的CSS中，你可以做到

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

Answer 2

您还可以使用/这是您网站的根目录。所以像url（/ yourfolder / wp-content /...

如果要使用相对路径，则必须转到正确的目录。随着../你以前用过。 ../ 1 dir up，添加另一个../ 2 dir，等等。

Answer 3

我只看了我的公司企业博客，我有几种不同的方式，有一个旧的主题是遗产，我做的新主题。

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

#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');
}

最后尝试使用back-ticks url（'content'）包装URL的内容，我记得在某处读取通过预处理器（Wordpress / PHP）抽取CSS时，通常很好的做法是用后面的方式包装你的字符串 - 蜱。

Answer 4

您可以使用Server Side Scripting in CSS file，这将访问您的Web服务器的全局变量，并动态匹配您正在部署的任何服务器。

有关实施此步骤的步骤，请参阅Server Side Scripting in CSS Files。

Answer 5

旧问题，但我认为并没有真正回答。
如前所述，从[]P加载主题相关的内容并不是最佳实践。

但是，如果您真的想在./gradlew bundleRelease中使用某些内容，则可以使用：

wp-content/uploads/

该路径将起作用。

从主题php或css调用相对URL时，基本URL变为wp-content/uploads，因此您需要将两个目录级别（#topNav {background:#3a93c3 url("../../uploads/2011/07/blueNav.jpg") repeat-x;}）备份到wp-content/themes/{theme-name}/。

移动Wordpress后CSS中的相对链接

问题

5 个答案: