表示ページを使用したカテゴリー表示
対応可能:Liferay DXP/Portal 7.4以降
表示ページ テンプレートを使用すると、Web コンテンツ、ドキュメント、ブログ エントリを 表示ページにレンダリングできます。 Liferay DXP 7.4 以降では、表示ページにカテゴリをレンダリングすることもできます。 これは、カテゴリを使って整理した複数の製品やサービスを紹介したい場合に便利です。 表示ページは要素のカタログを一貫した方法で表示するのに最適であるため、カテゴリ ベースの表示ページを使用すると、製品またはサービスのカタログを参照するときにユーザーに一貫したエクスペリエンスを提供できます。
表示ページを使用したカテゴリー表示
表示ページでのカテゴリの表示方法は、他の種類の表示ページのコンテンツの表示方法と同じです。
- カテゴリの表示ページ テンプレート を作成し、このテンプレートをデフォルトとして設定します。
- カテゴリを作成または編集するときに、希望する表示ページ テンプレートを選択します。
表示ページ テンプレートを複数のカテゴリに一度に割り当てることもできます。
-
サイト メニュー (
) を開き、 分類 → カテゴリに移動します。 -
更新するカテゴリをチェックして、 ページ (
) をクリックするか、上部の [アクション] メニュー (
) から 表示ページ テンプレートの割り当てを選択します。
![[アクション] メニューを使用して、表示ページ テンプレートをデフォルトとして設定します。](https://resources.learn.liferay.com/images/dxp/latest/en/sites/displaying-content/using-display-page-templates/displaying-categories-using-display-pages/images/01.png)
例:表示ページでのカテゴリベースのナビゲーションの使用
このステップバイステップの例では、カテゴリと表示ページ テンプレートを組み合わせて使用し、架空の保険会社のサービスを表示する方法を説明します。
次の例は、デフォルトの表示ページ テンプレートを変更する方法を示しています。 実稼働サイトでの中断を避けるため、この手順をテスト サイトで実行してください。
ステップ1:カテゴリの作成と編集
カテゴリがまだ存在しない場合は作成し 、表示ページにマップする情報を含めます。 この例では、説明と画像を含む 2 つの新しいカテゴリを作成します。各カテゴリは異なるサービスに対応します。
-
サイト メニュー (
) を開き、 分類 → カテゴリに移動します。 -
「Vehicle Ownership」という名前の新しい語彙 を作成します。
-
「自動車保険」という名前の新しいカテゴリ を作成します。 [保存]をクリックします。
-
カテゴリ アプリケーションで、新しいカテゴリの [アクション] (
) をクリックし、 [編集]を選択します。 -
カテゴリに画像を追加するには、 画像 タブをクリックし、 追加 (
) をクリックします。 -
詳細 タブをクリックし、このカテゴリの説明を追加します。

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

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

-
カードの説明に対しても同じマッピングプロセスを繰り返します。 このリストは、例におけるカード フラグメントとカテゴリ フィールドのマッピングをまとめたものです。
- タイトル → 名前
- コンテンツ → 説明
- 画像 → メイン画像
-
公開をクリックします。
-
表示ページ テンプレート リストの下で、新しい表示ページ テンプレートの アクション (
) をクリックし、 デフォルトとしてマークを選択します。![[アクション] メニューを使用して、表示ページ テンプレートをデフォルトとして設定します。](https://resources.learn.liferay.com/images/dxp/latest/en/sites/displaying-content/using-display-page-templates/displaying-categories-using-display-pages/images/05.png)
-
サイト メニュー (
) を開き、 分類 → カテゴリに移動して、 ステップ 1のカテゴリを含む語彙を選択します。 -
任意のカテゴリで、 アクション (
) をクリックし、 表示ページの表示を選択します。
表示ページでは、表示ページ テンプレート マッピングを使用してカテゴリ フィールドが表示されます。 表示ページの URL は、選択したカテゴリごとに固有です。
