根据页面ID Wordpress和Surya Chandra主题更改图像

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 -->

我现在在博客页面（页面ID 10）上得到了相反的图像，而在主页（页面ID 14）上没有得到图像。