Изображение в заголовке WordPress разрывается, когда на других страницах

Question

У меня очень странная проблема, я надеюсь, что кто-то здесь может мне помочь.У меня есть значок RSS в моем wordpress header.php, и он отлично работает, когда на главной странице, но когда вы посещаете другую страницу, такую ​​как страница О программе, изображение не работает.

Я не совсем уверен, в чем проблема, поскольку у меня нет тонны опыта в этой области, поэтому я сделаю все возможное, чтобы предоставить как можно больше подробностей.

Вот веб-сайт , на котором можно увидеть проблему.

Вот код в header.php:

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

ИВот код, связанный с RSS, найденный в style.css:

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

}


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

Я очень извиняюсь, если предоставленной информации недостаточно, я искал файлы .php и .css, используя редактор WordPress для кода, который янашел актуальным для этого вопроса.Я не знаю много 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.