フロントページやアーカイブのタイトルに投稿件数を追加する方法

はじめに

WordPressサイトを運営していると、ユーザーに対して「特定のカテゴリーに何記事あるのか」や「検索結果が何件見つかったのか」を明示したい場面が多くあります。
そこで、タイトル横に件数を表示します。

この記事では、この方法について説明します。

フロントページのタイトルに追加する方法

フロントページのタブ一覧などのタイトルの横に投稿件数を追加します。

完成イメージ

実装手順

以下のコードをfunctions.phpに追加します。

// 新着記事タブを変更
add_filter('new_entries_caption', function ($caption) {
  global $wp_query;

  $count = number_format($wp_query->found_posts);

  return sprintf('%s (%s)', $caption, $count);
});


// カテゴリータブを変更
add_filter('get_category_name_by_id', function ($category_name, $id) {
  $category = get_category($id);
  $count    = number_format($category->count);

  return sprintf('%s (%s)', $category->name, $count);
}, 10, 2);

アーカイブページのタイトルに追加する方法

アーカイブページのタイトルの横に投稿件数を追加します。
今回は、以下の記事より汎用性を高めた実装です。

検索件数を表示する方法

「Cocoonの検索結果に件数を表示する方法」を解説。検索結果のタイトルにヒット件数を追加し、訪問者が検索結果の総数を確認できるようにするカスタマイズ方法や、functions.phpへのコード追加方法を分かりやすく紹介します。

chuya.s239.xrea.com

完成イメージ

実装手順

以下のコードをfunctions.phpに追加します。

add_filter('get_archive_chapter_title', function ($chapter_title) {
  if (!is_search() && !is_archive()) {
    return $chapter_title;
  }

  global $wp_query;

  // 該当件数が取得できない場合
  if (empty($wp_query->found_posts)) {
    return $chapter_title;
  }

  $count = number_format($wp_query->found_posts);

  return sprintf('%s (%s)', $chapter_title, $count);
});

さいごに

今回紹介した方法を使えば、フロントページのタブや各アーカイブページの見出しに、現在の投稿件数を自動で表示させることができます。
サイトの回遊率向上や、コンテンツの充実度を伝える一助として、ぜひ活用してみてください。