自定义 wordpress 主题：布局图像不显示答案

【问题标题】：custom wordpress theme: layout images not displaying自定义 wordpress 主题：布局图像不显示
【发布时间】：2011-10-18 23:28:10
【问题描述】：

我正在构建一个自定义 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);
}

我错过了什么吗？

谢谢卢卡

【问题讨论】：

【解决方案1】：

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

您可以通过将base URL 设置到您网站的 head 部分中的网站根目录并如上所示链接图像或使用以下内容来解决此问题：

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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：