Пользовательская тема WordPress: изображения макета не отображаются

Question

Я создаю собственную тему WordPress. Итак, у меня есть папка Theme со следующими файлами / папками:

header.php
index.php
footer.php
style.css
/images
 picture-1.jpg

Моя проблема в том, что я не могу правильно отображать изображения, используя imgTAG либо в index.php, header.php и footer.php:

[..]
<div class="module">
<h4>General info</h4>
<img src="images/picture-1.jpg"/>
[..]

Изображения существуют и отображаются правильно, если на них ссылается style.css:

.banner{
  background-image:url(images/picture-1.jpg);
}

Я что-то пропустил?

спасибо, Лука

Answer 1

Это потому, что ваши файлы не в /images относительно страницы, которую вы просматриваете, они в wp-content/themes/[yourthemename]/images.

Вы можете обойти это, установив base URL длякорень вашего сайта в разделе заголовка вашего сайта и связывая изображения, как показано выше, или используя что-то вроде этого:

<img src="<?php bloginfo('template_directory'); ?>/images/picture-1.jpg" alt="alt text" />

Answer 2

Попробуйте это:

<img src="<?php echo get_template_directory_uri();?>/images/img-9.png"/>