SWELL│検索結果に件数を表示するカスタマイズ

2024.03.292024.04.29

SWELLのテーマ内で検索をするとたくさん記事カードが表示されますが、いったい何記事あるのか？はわかりませんよね？

そこで検索結果に表示された記事カード数を表示するカスタマイズを作成してみました。

本記事ではその件数表示のやり方を解説します。

SWELLで検索結果に件数を表示するカスタマイズ

やり方は簡単です。

WordPressで必ず用意されているテンプレート（search.php）にコードを加えるだけです。

search.phpの修正

メモ帳なりVisual Studio Codeなりを起動。

下記のコードをコピペして保存しましょう。

<?php
if ( ! defined( 'ABSPATH' ) ) exit;
get_header();

// リストタイプ
$list_type = apply_filters( 'swell_post_list_type_on_search', SWELL_Theme::$list_type );

// 検索結果の件数を取得
$search_count = $wp_query->found_posts;
$search_title = '検索にマッチした記事：' . $search_count . '件';
?>
<main id="main_content" class="l-mainContent l-article">
	<div class="l-mainContent__inner">
		<h1 class="c-pageTitle" data-style="b_bottom"><span class="c-pageTitle__inner"><?php echo esc_html($search_title); ?></span></h1>
		<div class="p-searchContent u-mt-40">
			<?php
				// 新着投稿一覧 ( Main loop )
				SWELL_Theme::get_parts( 'parts/post_list/loop_main', ['type' => $list_type ] );
				SWELL_Theme::get_parts( 'parts/post_list/item/pagination' );
			?>
		</div>
	</div>
</main>
<?php get_footer(); ?>

追加したコードは検索結果の件数を取得のところで、修正したところはH1のところです。

あとはSWELLのテンプレートのコードのままです。

最後に保存しましょう。