为什么我的图片没有出现在CPT上？

Question

我的图片不会出现在我的CPT上。

我在我的css中使用此代码在WordPress上的CPT中显示。

.list-single.single { 
  background: url('images/highlights man.png'); 
  height: 40px; 
  width: 40px; 
  display: block; 
}

这是我在cpt中用来显示图像的CPT代码。

<li class="slide">
  <div class="list-image single"><span class="list-single single"></span></div>
  <h1 class="block-heading left mobile small"><?php echo $text; ?></h1>
</li>

这是图片的文件名。

有人能告诉我出了什么问题吗？

Answer 1

您的图像名称错误。
它应该是这样的：

background: url('images/Higlights-man.png'); 

如果图像在上传目录中，那么你必须使用完全路径这样的东西：

background: url('http://example.com/wp-content/uploads/2017/01/Higlights-man.png'); 

Answer 2

这是因为您已使用WordPress上传了图片，但您已使用主题内的静态文件夹中的css引用该图片。

现在，如果此图像不是用作自定义帖子类型中的图像作为特色图像，或者是帖子中的图像，而是作为前端帖子类型的装饰部分，你应该把它放在你的主题中。最好在/images文件夹中。

假设您的主题文件夹结构如下所示：

index.php
style.css
\css
\js
\images
    Higlights-man.png

然后放入style.css

background: url('images/Higlights-man.png'); 

应指向正确的文件。

永远不要通过WordPress上传图片，并使用css中的直接路径进行此类操作，因为上传的图片很容易被误删除，我们可以更改安装的文件夹结构，并且该路径将不再有效

主题中使用的任何静态图像都应位于/images文件夹中。