【WordPress】検索結果ページをカスタマイズする方法｜条件分岐とテンプレート編集

<?php get_header(); ?>

<main class="search-results">
  <h1>検索結果：<?php echo get_search_query(); ?></h1>

  <?php if (have_posts()): ?>
    <ul class="result-list">
      <?php while (have_posts()): the_post(); ?>
        <li>
          <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </li>
      <?php endwhile; ?>
    </ul>
  <?php else: ?>
    <p>該当する記事は見つかりませんでした。</p>
  <?php endif; ?>
</main>

<?php get_footer(); ?>

<?php
// 検索結果から固定ページを除外し、投稿のみ表示
add_action('pre_get_posts', function ($query) {
  if ($query->is_search() && $query->is_main_query() && !is_admin()) {
    $query->set('post_type', 'post');
  }
});

<?php if (is_search() && !have_posts()): ?>
  <p>「<?php echo get_search_query(); ?>」に一致する記事はありませんでした。</p>
<?php endif; ?>

<?php
function highlight_search_term($text) {
  if (is_search() && in_the_loop() && is_main_query()) {
    $query = get_search_query();
    if ($query) {
      $text = preg_replace('/(' . preg_quote($query, '/') . ')/iu', '<mark>$1</mark>', $text);
    }
  }
  return $text;
}
add_filter('the_title', 'highlight_search_term');
add_filter('the_excerpt', 'highlight_search_term');

<div class="pagination">
  <?php the_posts_pagination(array(
    'mid_size' => 2,
    'prev_text' => '≪ 前へ',
    'next_text' => '次へ ≫',
  )); ?>
</div>