自定义wordpress主题:布局图像不显示

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在站点的head部分设置站点根目录的URL并如上所示链接图像或使用以下内容来解决此问题:

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