Как добавить свой html в структуру Wordpress?

Мне необходимо на странице каждого поста над заголовком h1 вывести div с картинкой. Для этого я попробовал использовать js

(function($) {
"use strict"
if($('body').hasClass('single-post') ) {
    var imgURL = 'http://localhost/site/wp-content/uploads/2019/06/picture.jpg';
    var container = '<div class="circle_photo">';
        container += '<img src="'+imgURL+'" alt="picture">';
        container += '</div>';
    $('.post').append(container);
}})(jQuery);

Однако, желаемого результата добиться не получилось. Вероятно, я где-то допустил ошибку или существуют иные способы?