将css的url站点更改为一致的站点

Question

我在wordpress上有我的网站css

body {
background: #e5ddc8 url(http://fabioide.com/frederiksminde/wp-content/uploads/2014/10/fredshotel-headbgg.png) top left repeat-x;
}

我想通过使用函数将url更改为更一致的代码，因为如果我改变了我的站点位置，它将不会检测到url，因为我更改了url。输出我网站的网址网址的正确调用是什么。

body {
background: #e5ddc8 url(/wp-content/uploads/2014/10/fredshotel-headbgg.png) top left repeat-x;
}

我尝试使用此代码，但图像无法加载，没有任何反应。我也尝试了get模板目录和get_url，但是php似乎不能在我的css中运行。

Answer 1

那是因为从网站的根开始使用/ means的网址，并且您的网站似乎位于子目录中。在示例二中，您的网站正在http://fabioide.com/wp-content ......等查找此文件，而不是http://fabioide.com/frederiksminde/wp-content。

简单的解决方法是不用/来开始css后台url行。所以而不是：

背景：＃edddc8 url（/wp-content/uploads/2014/10/fredshotel-headbgg.png）左上方repeat-x; }

它应该是： 背景：＃edddc8 url（wp-content / uploads / 2014/10 / fredshotel-headbgg.png）左上方repeat-x; }

应该这样做，具体取决于正在进行的网址重写。例如，如果你在页面上： http://fabioide.com/frederiksminde/category/page它会查找http://fabioide.com/frederiksminde/category/page/wp-content中的文件，等等。如果你能告诉我你的css是不是一个php文件，你可以从数据库中捕获siteurl，然后回复那样的：

background: url('<?php get_site_url(); ?>'/wp-content/etc...);

您必须将css文件连接到wordpress核心我认为可以访问该功能。

Answer 2

你应该在你的CSS中使用相对url - （相对于css的位置）。

例如

如果你的图像和css文件夹在同一目录中，那么

URL（ '../图像/我的/路径/到/ image.jpg的'）;

**另外 - php将无法在您的.css中运行 - 如果需要，您可以使用.htaccess将文件解析为php。

Answer 3

使用FTP

将图像放在图像下的主题文件夹中

然后将我的CSS改为此

body
{
    background: #e5ddc8 url(images/fredshotel-headbgg.png) top left repeat-x;
}

Answer 4

那条路径是相对于Css文件夹的，它会查看css / images - 你需要做../images - 会向上移动一级