Question

我在一台服务器上运行图像，但是他们没有在其他服务器上工作，我不知道发生了什么..

style.css路径中的图像在两台服务器上的设置如下所示。我已经重新检查了。

.category{ background:url(../images/category-icon.png); background-size:100%;}
.tabs a:hover .category{ background:url(../images/category_dark-icon.png); background-size:100%;}

但是在服务器1上，它可以工作，网址就像这样。它有效。

http://demo.server1.com/projects/gamingcafe/wp-content/themes/gamingcafe/images/category-icon.png

但在服务器2上，就像这样。这不起作用。

http://demo.server2.com/projects/gamingcafe/wp-content/themes/images/category-icon.png

我的目录样式在两台服务器上都是这样的。

http://demo.server1.com/projects/gamingcafe/wp-content/themes/gamingcafe/css/

http://demo.server1.com/projects/gamingcafe/wp-content/themes/gamingcafe/images/

http://demo.server1.com/projects/gamingcafe/wp-content/themes/gamingcafe/js/

http://demo.server1.com/projects/gamingcafe/wp-content/themes/gamingcafe/less/

server2上的相同样式。

Answer 1

它很可能与style.css文件所在的位置有关。

在 server1 上，是主题目录根目录中的style.css文件，还是在子目录中？

Answer 2

第一步

首先，检查header.php包含路径是否正确的文件类似这样的方式<link href="<?php echo get_template_directory_uri(); ?>/style.css" rel="stylesheet">。

第二步

检查您的服务器1＆amp; 2进入主题图像文件夹，图像应该存在于两个服务器上的主题的图像文件夹中

第三步

您可以尝试这种方式将图片调用为CSS

category{ background:url("<?php bloginfo('template_directory'); ?>/images/category-icon.png"); background-size:100%;}
.tabs a:hover .category{ background:url("<?php bloginfo('template_directory'); ?>/images/category_dark-icon.png"); background-size:100%;}

第四步

如果上述方法不起作用，请使用

之类的其他方法

<?php bloginfo('template_url'); ?>

Wordpress图像路径不起作用？

2 个答案: