Мое обрезанное изображение не отображается в панели администратора темы WordPress с ручной обрезкой изображения

Question

Это мой код jQuery:

$(document).ready(function () {
    var mediaUploader;
    $("#upload-button").on("click", function (e) {
        e.preventDefault();
        if (mediaUploader) {
            mediaUploader.open();
            return;
        }

        mediaUploader = wp.media.frames.file_frame = wp.media({
            title: 'Choose ...',
            button: {
                text: 'banner'
            },
            multiple: false
        });

         mediaUploader.on("select", function () {
             attachment = mediaUploader.state().get("selection").first().toJSON();
             $("#pageBannerBackground").val(attachment.url);
         });
         mediaUploader.open();
    });
});

Это код PHP, который я написал. Когда я выбираю фотографию и обрезаю ее, получается не то, что я обрезал, а основная фотография.

    function mehrAmoz_page_banner_background() {
    $pageBannerBackground = esc_attr(get_option('pageBannerBackground'));
    echo "<h3 class=' btn btn--blue'>Background</h3>";
    echo "<div><input class='btn btn--small btn--beige' type='button' value='upload' id='upload-button'><input type='hidden' name='pageBannerBackground' id='pageBannerBackground' value='{$pageBannerBackground}'></div>";
    echo "<img class='homepageBanner' src='{$pageBannerBackground}'>";
}