表示ページを使用したカテゴリの表示
対応バージョン:Liferay DXP/Portal 7.4以降。
表示ページテンプレートを使用すると、Web コンテンツ、ドキュメント、ブログエントリを 表示ページ にレンダリングできます。 Liferay DXP 7.4以降では、表示ページにカテゴリを表示することもできます。 これは、カテゴリを使って整理した複数の製品やサービスを紹介したい場合に便利です。 表示ページは、カタログ内の要素を一貫した方法で表示するのに最適であるため、カテゴリベースの表示ページを使用することで、ユーザーが製品やサービスのカタログを閲覧する際に一貫した体験を提供できます。
表示ページにカテゴリを表示する
表示ページにカテゴリを表示する方法は、他の種類の表示ページコンテンツを表示する方法と同じです。
- カテゴリの表示ページテンプレート を作成し、このテンプレートをデフォルトとして設定します。
- カテゴリを作成または編集する際は、ご希望の表示ページテンプレートを選択してください。
表示ページテンプレートを複数のカテゴリに一度に割り当てることもできます。
-
サイトメニュー (
) を開き、 カテゴリ分類 → カテゴリ に移動します。 -
更新したいカテゴリをチェックし、 ページ (
) をクリックするか、上部のアクション メニュー (
) メニューから 表示ページ テンプレートの割り当て を選択します。

表示ページ上のカテゴリURL
Liferay DXP 2026.Q3+
サイトカテゴリのURLは、 /v/ という区切り文字の後に、階層内の各カテゴリの語彙名とフレンドリーURLパスが続きます。 コマースカテゴリのURLは、 /g/ 区切り文字とカテゴリのパスのみを使用し、語彙セグメントは使用しません。 どちらもサイトのURLからの相対パスです。
/v/[語彙名]/[カテゴリパス]/[サブカテゴリパス]
/g/[カテゴリパス]
インスタンス設定で /v/ 区切り文字を、Commerce カタログ設定で Commerce /g/ 区切り文字を設定できます。 詳細については、 フレンドリーURLセパレータの設定 を参照してください。
語彙セグメントはローカライズされていませんが、カテゴリパスはローカライズされています。 コンテンツのカテゴリと語彙の定義 を参照してください。
要求された言語に対応するパスがカテゴリに存在しない場合、Liferay はそのカテゴリのデフォルト言語パスを使用し、パスがまったく存在しないカテゴリは数値 ID を使用します。 Liferayは、生成されたパスが2083文字を超える場合にも、数値IDを使用します。
Liferayは、数値IDのURLを名前ベースのURLにリダイレクトします。 デフォルトではリダイレクトは一時的なもの(302)ですが、リダイレクトタイプが「永続的」に設定されている場合、リダイレクトは永続的なもの(301)になります。 フレンドリー URL リダイレクトの設定 を参照してください。
Liferayは、言語間でカテゴリURLを一致させることができません。 別の言語でローカライズされたカテゴリのURLを開くと、404エラーページが表示されます。 多言語サイトでは、ロケールをフレンドリー URL スタイルにプレフィックスするオプションを に設定してください。ロケールはすべての URL に自動的にプレフィックスされます オプションにより、すべての URL にロケールが含まれます。 詳細については、 ローカライズ を参照してください。
例:表示ページでカテゴリベースのナビゲーションを使用する
このステップバイステップの例では、カテゴリと表示ページテンプレートを組み合わせて、架空の保険会社のサービスを表示する方法を示します。
以下の例は、デフォルトの表示ページテンプレートを変更する方法を示しています。 生産現場での業務に支障をきたさないよう、この手順はテスト環境で実施してください。
ステップ1:カテゴリの作成と編集
カテゴリがまだ存在しない場合は作成し、表示ページにマッピングしたい情報を含めます。 この例では、説明と画像付きの新しいカテゴリを2つ作成します。各カテゴリは異なるサービスに対応しています。
-
サイトメニュー (
) を開き、 カテゴリ分類 → カテゴリ に移動します。 -
Vehicle Ownership という名前の新しい語彙 を作成します。
-
自動車保険という名前の新しいカテゴリ を作成します。 をクリックして保存します。
-
カテゴリ アプリケーションで、新しいカテゴリの アクション (
) をクリックし、 編集 を選択します。 -
画像 タブをクリックし、 追加 (
) をクリックして、カテゴリに画像を追加します。 -
詳細 タブをクリックして、このカテゴリの説明を追加します。

-
をクリックして保存します。
ステップ2:表示ページテンプレートの作成
Liferay DXP 7.4以降、表示ページテンプレートに、コンテンツタイプとしてカテゴリを使用するオプションが追加されました。
-
サイトメニュー (
) を開き、 デザイン → ページテンプレート に移動します。 -
表示ページテンプレート をクリックし、 追加 (
をクリックします。 -
この表示ページテンプレートに使用するマスターページテンプレートを選択してください。
ヒントすべてのページまたはページテンプレートには、マスターページテンプレートが必要です。 詳細については、 マスターページテンプレート をお読みください。
-
表示ページテンプレートの名前を入力し、「コンテンツタイプ」のドロップダウンメニューから「カテゴリ」を選択してください。

-
をクリックして保存します。
ステップ3:表示ページテンプレートを編集して公開する
表示ページテンプレートを作成した後、コンポーネントのマッピングとレイアウトを編集できます。
表示ページテンプレートエディタは、コンテンツページエディタと同様に機能します。 詳細については、 コンテンツページへの要素の追加 を参照してください。
この例では、 カードフラグメント を使用してカテゴリ フィールドをマッピングする方法を示します。
-
コンテナフラグメントをデフォルトのドロップゾーンにドラッグアンドドロップします。
-
コンテナフラグメントの上に、新しいカードフラグメントをドラッグアンドドロップします。
-
ブラウザ (
) ボタンをクリックし、カードのタイトルをクリックしてマッピングオプションを開きます。 -
マッピング タブで、 ソース ドロップダウン メニューをクリックし、 特定コンテンツ を選択します。
-
アイテム をクリックし、マッピングしたいカテゴリを選択します。
-
フィールド ドロップダウン メニューをクリックし、 名前 を選択して、カテゴリ名をカードのタイトルにマッピングします。

-
カードの説明についても、同様のマッピングプロセスを繰り返してください。 このリストは、例におけるカードフラグメントとカテゴリフィールドのマッピングをまとめたものです。
- タイトル → 名前
- コンテンツ → 説明
- 画像 → メイン画像
-
をクリックして公開 します。
-
表示ページテンプレートの一覧で、新しい表示ページテンプレートの アクション (
) をクリックし、 デフォルトとしてマーク を選択します。
-
サイトメニュー (
を開き、 カテゴリ分類 → カテゴリに移動し、 ステップ 1 のカテゴリを持つ語彙を選択します。 -
どのカテゴリでも、 アクション (
)をクリックし、 表示ページを選択します。
表示ページは、カテゴリフィールドを表示するために、表示ページテンプレートのマッピングを使用します。 表示ページのURLは、選択されたカテゴリごとに固有です。
