ガイド/サイトをカスタマイズ/テンプレート/タームクエリーブロック

タームクエリーブロック

タームクエリーブロックは、カテゴリー、タグ、カスタムタクソノミーのタームのリストを表示します。このガイドでは、WordPress.com サイトでタームクエリーブロックを追加およびカスタマイズする方法について説明します。

タームクエリーブロックの構造を理解する

タームクエリーブロックは、ブロックのネスト構造を使用してタクソノミータームを表示します。

  • タームクエリー: すべての設定と子ブロックを保持する親コンテナです。
  • タームテンプレート: リスト内の各タームのレイアウトを保持します (クエリーループブロックの投稿テンプレートと同様)。
  • ターム名: 各カテゴリー、タグ、その他のタクソノミータームの名前を表示します。
  • ターム数: 各タームに関連付けられている投稿の数を表示します (含まれている場合)。
List View shows the Terms Query block, and nested in that is the Terms Template, and nested in that are the Term Name and Term Count.
リストビューのタームクエリーブロックの構造

投稿のクエリーループブロックと同様に、タームクエリーブロックはタームを追加または変更すると自動的に更新されるため、アーカイブページやコンテンツディレクトリの構築に最適です。

タームクエリーブロックを追加する

サイトにタームクエリーブロックを追加するには、次の手順に従います。

  1. サイトのダッシュボードにアクセスします。
  2. タームを表示するページ投稿テンプレートに移動して、編集用に開きます。
  3. 「+」ブロック挿入をクリックして「タームクエリー」を検索します。
  4. 「タームクエリー」アイコンをクリックして、ブロックを挿入します。
  5. レイアウトのバリエーションを「名前」のみまたは「名前と数」から選択します。
After inserting a Terms Query block, the block shows a choice between Name and Name & Count.

ブロックはデフォルトでサイトのカテゴリーを自動的に表示します。次のセクションでは、これをサイトのタグまたは別のタクソノミーに変更する方法を説明します。

表示するタクソノミーを選択する

タームクエリーブロックでは、カテゴリータグプロジェクトタイプまたはタグ、あらゆるカスタムタクソノミー (通常はプラグインによって追加されます) をサイトに表示できます。タクソノミーを変更するには以下の手順を実行します。

  1. リストビューを使用して、親のタームクエリーブロックを選択します。
  2. 右側のサイドバーでブロック設定を開きます。
  3. 「タクソノミー」ドロップダウンで、表示するタクソノミーを選択します (例: カテゴリー、タグ、カスタムタクソノミー)。
The Terms Query block settings, with Categories highlighted.
タームクエリーブロックの設定

表示オプションを設定する

タームクエリーブロックには、表示するタームとその整理方法を制御するいくつかの設定が用意されています。これらのオプションを利用するには、タームクエリーブロックを選択し、ブロック設定サイドバーを開きます。

サイドバーが右側に表示されない場合、右上の設定アイコンをクリックして設定を表示させます。このアイコンは2つの不均一な列がある正方形のような形をしています。

WordPress エディター上部のハイライト表示された設定アイコン。
右上の設定アイコン

タームの順序を選択する

タームの表示順序を制御するには:

  1. ブロック設定サイドバーで、「並び順」オプションを見つけます。
  2. 「名前」または「数」の並び順を選択します。
  3. 「保存」ボタンをクリックします。

特定のタームを選択する

デフォルトでは、ブロック設定で定義された基準を満たすすべてのタームが表示されます。すべて表示せずに、特定のタームを選択してリストに表示することもできます。

  1. ブロック設定サイドバーで、 「選択したターム」設定を見つけます。
  2. カテゴリー名またはタグ名の最初の数文字を入力し、結果に表示されたものを選択します。
  3. 表示するタームごとに同じ操作を行います。
  4. 「保存」ボタンをクリックします。

空のタームを表示または非表示にする

デフォルトでは、投稿が関連付けられていないタームは非表示になります。この動作を変更するには:

  1. ブロック設定サイドバーで、「空のタームを表示」の切り替えを見つけます。
  2. 投稿が割り当てられていない場合でもタームを表示するには、このオプションを有効にします。
  3. 「保存」ボタンをクリックします。

ネストしたタームを表示または非表示にする

タクソノミーが階層構造 (親子関係を持つカテゴリーなど) を使用している場合は、次の手順でリストに含めることができます。

  1. ブロック設定サイドバーで、 「入れ子のタームを表示」オプションを見つけます。
  2. 好みに応じてこの設定を有効または無効にします。
  3. 「保存」ボタンをクリックします。

タームの数を制限する

表示するタームの数を設定するには:

  1. ブロック設定サイドバーで、 「最大ターム数」設定を見つけます。
  2. 表示するタームの最大数を100までの数で入力します。
    • ここでゼロを選択すると、すべてのタームが表示されます。
  3. 「保存」ボタンをクリックします。

タームテンプレートをカスタマイズする

タームテンプレートブロックは、リスト内での各タームの表示方法を制御します。要素間にブロックを追加したり、レイアウトを変更したり、個々のコンポーネントにスタイルを設定したりできます。

リストレイアウトとグリッドレイアウトを切り替える

表示モードを変更するには:

  1. リストビューを使用して、タームテンプレートブロックを選択します。
  2. ブロックツールバーで、リストビューまたはグリッドビューを選択します。
  3. グリッドビューを使用する場合は、ブロック設定サイドバーでカラム数を調整できます。

ターム間にコンテンツを追加する

タームテンプレートブロック内に追加のブロックを挿入して、外観をカスタマイズできます。

  1. リストビューを使用して、タームテンプレートブロックを選択します。
  2. 「+」ブロック挿入ツールをクリックして、次を追加します。
    • タームの説明ブロック (サイトのカテゴリータグの設定で各カテゴリーまたはタグに追加した説明を表示します)。
    • その他のブロック (行の間の区切りブロックや、視覚的に興味を引く画像ブロックなど)。

個々のタームブロックをカスタマイズする

タームクエリーブロック構造内のブロックには、独自の設定が用意されています。

ターム名ブロック

ターム名ブロックは各タームの名前を表示します。カスタマイズするには:

  1. ターム名を直接クリックするか、リストビューを使用して「ターム名」ブロックを選択します。
  2. ブロック設定サイドバーでは、タームのアーカイブページへのリンクを有効または無効にできます。
  3. 「スタイル」タブを使用して、タイポグラフィ間隔境界線を調整します。

ターム数ブロック

ターム数ブロックは各タームの投稿数を表示します。カスタマイズするには:

  1. リストビューを使用して、「ターム数」ブロックを選択します。
  2. 「スタイル」タブを使用して、タイポグラフィ間隔境界線を調整します。
Copied to clipboard!