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只是放在完整路径中。我注意到在图像前面添加一个“/”会使图标显示在萤火虫中。

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

1 个答案: