HTML5-重置主题不显示图像

时间:2014-12-10 作者:Sam

我开始根据HTML5-reset 从GitHub下载的主题。在触摸/修改任何内容之前,我试图在get_header(); 在循环上方,使用以下HTML代码snipet:

<div class="the-image">
    <img src="images/moonrise_100.jpg" alt="moonrise" />
</div> 
但当我尝试查看结果时,意外地只显示了损坏图像的图标,因此使用chrome检查元素是否有任何错误或覆盖,但我找不到任何错误。这可能是什么原因造成的。我检查了所有内容,目录,名称,图像后缀和。。。我使用:xampp服务器。

1 个回复
最合适的回答,由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>

结束

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。