我开始根据HTML5-reset
从GitHub下载的主题。在触摸/修改任何内容之前,我试图在get_header();
在循环上方,使用以下HTML代码snipet:
<div class="the-image">
<img src="images/moonrise_100.jpg" alt="moonrise" />
</div>
但当我尝试查看结果时,意外地只显示了损坏图像的图标,因此使用chrome检查元素是否有任何错误或覆盖,但我找不到任何错误。这可能是什么原因造成的。我检查了所有内容,目录,名称,图像后缀和。。。我使用:xampp服务器。
最合适的回答,由SO网友:Robert hue 整理而成
代码在注释中不可读,所以我在这里添加它。有一点解释。
您需要添加图像文件的完整路径以在主题中显示它们。如果图像位于主题目录中,则必须使用主题目录路径变量bloginfo(\'stylesheet_directory\')
具有图像名称。因此,这是您需要添加到主题文件中的代码。
<div class="the-image">
<img src="<?php echo get_template_directory_uri(); ?>/images/moonrise_100.jpg" alt="moonrise" />
</div>