html - 在其他页面上时，wordpress 标题中的图像会中断

Question

我有一个非常奇怪的问题，我希望这里有人可以帮助我。我的 wordpress header.php 中有一个 RSS 图标，它在首页上工作得很好，但是当您访问另一个页面(例如“关于”页面)时，图像被破坏了。

我不完全确定问题出在哪里，因为我在这个领域没有太多经验，所以我会尽力提供尽可能多的细节。

这是 website从中可以看出问题。

这是 header.php 中的代码:

<<div class="rss"><a href="<?php bloginfo('rss2_url'); ?>" title="RSS"><img src="images/rss.png"style="border-style: none"></a></div>

这是在 style.css 中找到的 RSS 相关代码:

.rss {
position:absolute;
height:24px;
padding-right:10px;
line-height:32px;
top:56px;
right:0;
border:0;

}


.rss a {
    color:#000;
    text-decoration:none;
}

如果提供的信息不充分，我深表歉意，我使用 wordpress 编辑器在 .php 和 .css 文件中搜索了与此问题相关的代码。我对 CSS 或 HTML 知之甚少，而我所知道的一点点让我对问题所在感到困惑。

感谢阅读，我希望你们中的一个能提供解决方案。

Answer 1

这确实很奇怪。我相信将完整的图像路径放入应该可以解决它。

即改变

<img style="border-style: none;" src="/images/rss.png">

到:

<img style="border-style: none;" src="<?php echo get_bloginfo('template_directory') ?>/images/rss.png">

或者如果它是一个子主题:

<img style="border-style: none;" src="<?php echo get_bloginfo('stylesheet_directory') ?>/images/rss.png">

或者如果您不想使用 php，只需输入完整路径即可。我注意到只要在图像前添加一个“/”，图标就会出现在 Firebug 中。