2026年9月10日

2026年9月10日

WordPressのブロックで投稿のカテゴリーを表示する方法|タームのリストの設定とつまずきやすい点

投稿に付けたカテゴリーを記事ページや記事一覧に表示するには、ブロックテーマのテンプレートやクエリーループに「カテゴリー」ブロックを置きます。このブロックは、投稿に付いたターム(カテゴリーやタグ)を一覧表示する Post Terms(投稿のターム)ブロックのバリエーションで、区切り文字や前後に付ける文字を設定できます。この記事では、置く場所、設定項目、表示されないときの確認方法を説明します。

投稿のカテゴリーを表示するブロックとは

WordPress のブロックには、名前の似たものがいくつかあり、最初に迷いやすいポイントになっています。

  • カテゴリー(投稿のターム):表示中の投稿に付いているカテゴリーだけを表示する。この記事で扱うブロック
  • タグ(投稿のターム):同じ仕組みで、投稿に付いているタグを表示する
  • カテゴリー一覧(英語名 Categories List):サイト全体のカテゴリーを並べる。サイドバーのナビゲーションなどに使う

「記事ごとに、その記事のカテゴリーを出したい」のであれば、使うのは一つ目です。カテゴリー一覧のブロックを記事ページに置いても、サイト全体のカテゴリーが並ぶだけで、記事との対応はとれません。ブロックの追加画面で「カテゴリー」と検索すると両方が候補に出てくるため、説明文を見て選んでください。

内部的には、カテゴリーもタグも「タクソノミー(分類の種類)」に属する「ターム(個々の分類名)」として扱われます。投稿のタームのブロックは、指定されたタクソノミーについて、表示中の投稿に付いたタームを書き出す仕組みです。

どこで使うか

単一投稿のテンプレート

個別記事を表示するテンプレートで、タイトルや投稿日の近くに置くのが一般的です。サイトエディター(管理画面の「外観」→「エディター」)で単一投稿用のテンプレートを開き、表示したい位置にカテゴリーのブロックを追加します。

クエリーループの投稿テンプレート

記事一覧を作るクエリーループブロックの内側、「投稿テンプレート」の中に置くと、一覧の各記事にそれぞれのカテゴリーが表示されます。トップページやアーカイブで、記事の分類をラベルのように見せたい場合に使います。

投稿テンプレートの外側に置くと「どの記事のカテゴリーか」が決まらず、意図した表示になりません。置いたのに出ない、別の記事のカテゴリーが出る、という場合はまず位置を確認してください。

設定項目

ブロックを選択すると、右側の設定サイドバーとツールバーで次のような調整ができます(2026年10月現在)。表記や配置はバージョンにより異なります。

区切り文字

カテゴリーが複数付いている記事では、カテゴリー名の間に区切り文字が入ります。初期値はカンマ区切りです。「 / 」や「・」に変えると、日本語のサイトでも読みやすくなります。区切り文字を空にして、CSS で個々のカテゴリーをボタン風に装飾する方法もあります。

前後に付ける文字(接頭辞・接尾辞)

カテゴリー名の前後に任意の文字を付けられます。例えば前に「カテゴリー:」と入れれば、「カテゴリー:WordPress / サーバー」のように表示できます。カテゴリーが一つも付いていない場合は、前後の文字も含めて出力されないため、ラベルだけが浮いて残る心配はありません。

リンク

表示されるカテゴリー名は、それぞれのカテゴリーアーカイブページへのリンクになります。読者がカテゴリー名をクリックすると、同じカテゴリーの記事一覧に移動できます。リンク先の一覧ページの見た目は、アーカイブ用のテンプレート側で調整します。

スタイル

テーマが対応していれば、文字サイズ・色・余白・配置などを指定できます。カテゴリーをラベルのように見せたい場合、ブロックの設定だけで足りなければ、追加CSSで .wp-block-post-terms やその中のリンクを対象にスタイルを当てます。カテゴリー別に色を変えたい場合は、実際に出力される HTML をブラウザの開発者ツールで確認し、どのような属性やクラスで区別できるかを見てから CSS を書いてください。

カスタムタクソノミー

独自に登録したタクソノミー(例:「商品の種類」など)も、REST API で公開する設定になっていれば、同じ投稿のタームのブロックのバリエーションとして選べます。ブロックの候補に出てこない場合は、タクソノミーを登録しているプラグインやコードの設定を確認してください。

よくあるつまずき

固定ページでは何も表示されない

WordPress の標準では、カテゴリーは「投稿」に付けるもので、固定ページにはカテゴリーがありません。固定ページ用のテンプレートにカテゴリーのブロックを置いても、表示するものがないため空になります。これは不具合ではなく仕様です。

「未分類」ばかり表示される

投稿にカテゴリーを指定しないまま公開すると、初期設定のカテゴリー(通常は「未分類」)が自動で付きます。一覧に「未分類」が並んでしまう場合は、各記事の編集画面でカテゴリーを付け直すか、「設定」→「投稿設定」で初期カテゴリーを見直します。「未分類」というカテゴリー名自体を、サイトに合う名前に変更しておくのも一つの方法です。

テンプレートを直したのに記事のカテゴリーが変わらない

テンプレートで変えられるのは「どこに、どう見せるか」だけです。どのカテゴリーが表示されるかは、各記事に付けたカテゴリーで決まります。表示内容を変えたい場合は投稿の編集画面のカテゴリー欄を、見せ方を変えたい場合はサイトエディターのテンプレートを、と役割を分けて考えると迷いにくくなります。

一部のテンプレートだけ表示が違う

ブロックの設定はテンプレートごとに独立しています。単一投稿のテンプレートで区切り文字を変えても、アーカイブや検索結果のテンプレートには反映されません。サイト全体で揃えたい場合は、関係するテンプレートを順に確認してください。

確認方法

設定を保存したら、カテゴリーが一つの記事、複数付いた記事、固定ページの3種類を実際に開いて表示を確かめます。区切り文字や前後の文字が意図どおりか、リンク先のカテゴリーアーカイブが正しく開くかも併せて確認してください。キャッシュを使っている場合は、削除してから確認します。

まとめ

  • 記事ごとのカテゴリーを表示するのは「カテゴリー(投稿のターム)」ブロックで、サイト全体を並べるカテゴリー一覧とは別物
  • 単一投稿のテンプレートか、クエリーループの投稿テンプレートの内側に置く
  • 区切り文字と前後の文字を設定でき、カテゴリー名はアーカイブページへのリンクになる
  • 固定ページで空になるのは仕様で、「未分類」が並ぶのは記事側のカテゴリー設定が原因
  • 表示内容は投稿の編集画面、見せ方はテンプレートで調整する

お気軽にご相談ください

お見積りへ お問い合わせへ
▲