Тема html5-reset не отображает изображение

Я начал создавать тему custome, основанную на теме HTML5-reset которую загрузил из GitHub. прежде чем касаться / изменять что-либо, просто я попытался поместить изображение под get_header(); и выше цикла, используя следующий HTML-код snipet:

 <div class="the-image"> <img src="images/moonrise_100.jpg" alt="moonrise" /> </div> 

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

Solutions Collecting From Web of "Тема html5-reset не отображает изображение"

Код не читается в комментарии, поэтому я добавляю его здесь. С небольшим объяснением.

Вам нужно будет добавить полный путь к файлу изображения, чтобы показать их в теме. Если ваше изображение находится в тематическом каталоге, вам нужно будет использовать переменную path каталога темы bloginfo('stylesheet_directory') с именем изображения. Таким образом, это код, который вам нужно будет добавить в файлы тем.

 <div class="the-image"> <img src="<?php echo get_template_directory_uri(); ?>/images/moonrise_100.jpg" alt="moonrise" /> </div>