Изменить изображение на основе идентификатора страницы Wordpress и Surya Chandra Theme

Question

Я пытаюсь получить другое изображение заголовка для домашней страницы и страницы блога.Эта тема предлагает только одно изображение для каждой страницы или случайные изображения для каждой страницы.Я хочу установить изображение.Я не достаточно разбираюсь в WordPress, чтобы знать, как все это сочетается.Любая помощь приветствуется.

Я помещаю это в functions.php

function change_the_header($banner) {
if (is_page(14)) 
    $banner = "[http://evergreendesigncenter.com/wp-content/uploads/2018/04/cropped-evergreen-design-center-hero-1.jpg]";
elseif (is_page(10))
    $banner = "[http://evergreendesigncenter.com/wp-content/uploads/2018/08/cropped-rustic-modern-living-room-house-design-with-stone-wall-white-sofa-and-chairs-plus-fireplace-and-glass-window-ideas-1.jpg]";
return $banner; 
}
add_filter('theme_mod_header_image', 'change_the_header');

В документации говорится, чтобы изменить шаблон баннера, и я не знаю, если он старый или что, ноЯ искал и искал и не могу найти это.

Вот шаблон заголовка:

?>
<div id="custom-header">
<?php $banner = get_header_image(); ?>
<?php if ( ! empty( $banner ) ) : ?>
    <img src="<?php echo esc_url( $banner ); ?>" alt="" />
<?php endif; ?>

<?php $banner_title = apply_filters( 'surya_chandra_filter_banner_title', '' ); ?>
<?php if ( ! empty( $banner_title ) ) : ?>
    <?php
    $tag = 'h1';
    if ( is_front_page() ) {
        $tag = 'h1';
    }
    ?>
    <div class="custom-header-content">
        <div class="container">
            <?php echo '<' . esc_attr( $tag ) . ' class="page-title">'; ?>
            <?php echo esc_html( "Colorado's finest home and garden design center." ); ?>
            <?php echo '</' . esc_attr( $tag ) . '>'; ?>
            <?php
            /**
             * Hook - surya_chandra_action_breadcrumb.
             *
             * @hooked surya_chandra_add_breadcrumb - 10
             */
            do_action( 'surya_chandra_action_breadcrumb' );
            ?>
        </div><!-- .container -->
    </div><!-- .custom-header-content -->
<?php endif; ?>
</div><!-- #custom-header -->

Теперь я получаю противоположное изображение на странице блога (идентификатор страницы 10) иНа главной странице нет изображения (id страницы 14).