создание формы поиска и страницы поиска в теме WordPress

Как я могу сделать форму поиска в теме WordPress и связать ее со страницей search.php, которая будет отображать результаты на этой странице? У меня есть форма поиска, которая выглядит так:

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( "https://wordpress.stackexchange.com/" ) ); ?>">
                                    <div class="input-group search-block">
                                        <span class="screen-reader-text">Поиск:</span>
                                        <input type="search" class="search-field form-control" placeholder="<?php esc_attr_e( 'Поиск &hellip;', 'shape' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s" title="Поиск:" />
                                        <div class="input-group-btn">
                                            <input type="submit" class="search-submit btn btn-default" value="<?php esc_attr_e( 'Поиск', 'shape' ); ?>" />
                                        </div>
                                    </div>
                                </form>

и search.php, который выглядит так

<?php
/**
 * Шаблон для отображения страниц результатов поиска.
 *
 * @package Shape
 * @since Shape 1.0
 */

get_header(); ?>

        <section id="primary" class="content-area">
            <div id="content" class="site-content" role="main">

            <?php if ( have_posts() ) : ?>

                <header class="page-header">
                    <h1 class="page-title"><?php printf( __( 'Результаты поиска для: %s', 'shape' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
                </header><!-- .page-header -->
                <?php

                    global $query_string;

                    $search_query = wp_parse_str( $query_string );
                    $search = new WP_Query( $search_query );
                    global $wp_query;
                    $total_results = $wp_query->found_posts;
                ?>
            <?php endif; ?>

            </div><!-- #content .site-content -->
        </section><!-- #primary .content-area -->

<?php get_footer(); ?>

Проблема в том, что на данный момент ничего не отображается, кроме введенных символов.

Форма HTML5 по умолчанию. Добавьте поддержку темы

function wpdocs_after_setup_theme() {
    add_theme_support( 'html5', array( 'search-form' ) );
}
add_action( 'after_setup_theme', 'wpdocs_after_setup_theme' );

WordPress отобразит свою встроенную HTML5 форму поиска:

<form role="search" method="get" class="search-form" action="<?php echo 
home_url( "https://wordpress.stackexchange.com/" ); ?>">
    <label>
        <span class="screen-reader-text"><?php echo _x( 'Поиск:', 'label' ) ?></span>
        <input type="search" class="search-field"
            placeholder="<?php echo esc_attr_x( 'Поиск …', 'placeholder' ) ?>"
            value="<?php echo get_search_query() ?>" name="s"
            title="<?php echo esc_attr_x( 'Поиск:', 'label' ) ?>" />
    </label>
    <input type="submit" class="search-submit"
        value="<?php echo esc_attr_x( 'Поиск', 'submit button' ) ?>" />
</form>

Вставьте следующий код в search.php

<div class="wrap">

<header class="page-header">
    <?php if ( have_posts() ) : ?>
        <h1 class="page-title"><?php printf( __( 'Результаты поиска для: %s', 'twentyseventeen' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
    <?php else : ?>
        <h1 class="page-title"><?php _e( 'Ничего не найдено', 'twentyseventeen' ); ?></h1>
    <?php endif; ?>
</header><!-- .page-header -->

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">

    <?php
    if ( have_posts() ) :
        /* Начать цикл */
        while ( have_posts() ) : the_post();
            /**
             * Запускаем цикл для поиска для вывода результатов.
             * Если вы хотите изменить это в дочерней теме, то включите файл
             * с названием content-search.php, и он будет использован вместо.
             */
            get_template_part( 'components/post/content', 'excerpt' );
        endwhile; // Конец цикла.
        the_posts_pagination( array(
            'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'previous' ) ) . '<span class="screen-reader-text">' . __( 'Предыдущая страница', 'twentyseventeen' ) . '</span>',
            'next_text' => '<span class="screen-reader-text">' . __( 'Следующая страница', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'next' ) ),
            'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Страница', 'twentyseventeen' ) . ' </span>',
        ) );
    else : ?>

        <p><?php _e( 'Извините, но ничего не соответствует вашим поисковым запросам. Пожалуйста, попробуйте снова с другими ключевыми словами.', 'twentyseventeen' ); ?></p>
        <?php
            get_search_form();
    endif;
    ?>

    </main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>