php - 自定义 wordpress 主题 : layout images not displaying

Question

我正在构建一个自定义的 wordpress 主题。所以我的主题文件夹中包含以下文件/文件夹:

header.php
index.php
footer.php
style.css
/images
 picture-1.jpg

我的问题是我无法在 index.php、header.php 和 footer.php 中使用 img TAG 正确显示图像:

[..]
<div class="module">
<h4>General info</h4>
<img src="images/picture-1.jpg"/>
[..]

图像存在并且如果被 style.css 引用则正确显示:

.banner{
  background-image:url(images/picture-1.jpg);
}

我错过了什么吗？

谢谢 卢卡

Answer 1

这是因为你的文件不在/images中相对于您正在查看的页面，它们位于 wp-content/themes/[yourthemename]/images .

你可以通过设置 base 来解决这个问题指向您网站头部部分的网站根目录的 URL 和链接图像，如上所示或使用类似这样的内容:

<img src="<?php bloginfo('template_directory'); ?>/images/picture-1.jpg" alt="alt text" />