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

Posted 2023-03-05

【中文标题】自定义 wordpress 主题：布局图像不显示

【英文标题】：custom wordpress theme: layout images not displaying

【发布时间】：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"/>