【WordPress】検索フォームと検索結果の実装方法【テンプレートファイル】

searchform.php

<?php get_search_form(); ?>

<form role="search" method="get" id="searchform" class="searchform" action="<?php echo esc_url( home_url('/') ); ?>">
  <div>
    <label class="screen-reader-text" for="s">検索:</label>
    <input type="text" value="" name="s" id="s">
    <input type="submit" id="searchsubmit" value="検索">
  </div>
</form>

search.php

<!-- 未入力のまま検索した時の処置 -->
<?php if (isset($_GET['s']) && empty($_GET['s'])): ?>
  <?php echo '検索キーワードが入力されていません。'; ?>
<?php else: ?>

  <!-- 検索結果タイトル -->
  <h1>
    <?php the_search_query(); ?>の検索結果 : <?php echo esc_html($wp_query->found_posts); ?>件
  </h1>

  <!-- 検索結果のループ文  -->
  <ul>
    <?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>
        <li>
          <a href="<?php the_permalink(); ?>">
            <h2><?php the_title(); ?></h2>
          </a>
        </li>
      <?php endwhile; ?>
    <?php else : ?>
      <p>お探しの記事は見つかりませんでした。</p>
    <?php endif; ?>

  </ul>

<?php endif; ?>

// 未入力時で検索ボタンを押した時は検索結果ページに遷移（search.phpにリダイレクトする）
function set_redirect_template()
{
  if (isset($_GET['s']) && empty($_GET['s'])) {
    include(TEMPLATEPATH . '/search.php');
    exit;
  }
}
add_action('template_redirect', 'set_redirect_template');

<?php if (isset($_GET['s']) && empty($_GET['s'])): ?>
  <?php echo '検索キーワードが入力されていません。'; ?>
<?php else: ?>

  <!-- 検索結果タイトル文 -->
  <h1>
    <?php the_search_query(); ?>の検索結果 : <?php echo esc_html($wp_query->found_posts); ?>件
  </h1>

  <!-- 以下、検索結果のループ文 -->
<?php endif; ?>

// 検索条件のページタイプを指定する(通常投稿とカスタム投稿)
function SearchFilter($query){
  if ($query->is_search) {
    $query->set('post_type', array('post', 'page', 'カスタム投稿タイプのスラッグ'));
  }
  return $query;
}
add_filter('pre_get_posts', 'SearchFilter');

    $query->set('post_type', array('post', 'page', 'works'));