Как изменить изображения существующего HTML-файла во время разработки темы WordPress?

Question

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

Я попытался использовать бесплатную версию Advance Custom Field, где я создал поля и подполя.А также для изображения есть подполе.Здесь я могу изменить ссылки и тексты с панели инструментов, используя настраиваемое поле, но оно не работает для изображений.

вот код, который у меня есть:

<?php $hero = get_field('hero'); ?>

<section class="home_banner_area">
    <div class="banner_inner">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="banner_content">
                        <h2>
                        <?php echo $hero['main_title']; ?><br>

                        </h2>
                        <p>
                        <?php echo $hero['content']; ?>
                        </p>

                        <div class="d-flex align-items-center">
                            <a class="primary_btn" href="<?php echo $hero['link']; ?>"><?php echo $hero['link_text']; ?></a>
                            <a id="play-home-video" class="video-play-button" href="<?php echo $hero['link2']; ?>">
                                <span></span>
                            </a>
                            <div class="watch_video text-uppercase">
                            <?php echo $hero['link_text2']; ?>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-lg-7">
                    <div class="home_right_img">
                        <img class="img-fluid" src="<?php echo $hero['image']; ?>" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Он показал мне, что 404не найден и логотип был невидим.