自定义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 。

您可以通过在网站的head部分设置网站根目录的base网址以及如上所示链接图片或使用以下内容来解决此问题：

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

Answer 2

尝试这个：

<img src="<?php echo get_template_directory_uri();?>/images/img-9.png"/>