表示ページを使用したカテゴリー表示¶

対応可能：Liferay DXP/Portal 7.4以降

ディスプレイページテンプレートを使用すると、Webコンテンツ、ドキュメント、ブログエントリーをディスプレイページにレンダリングすることができます。 Liferay DXP 7.4 からは、表示ページでカテゴリーをレンダリングすることもできます。これは、カテゴリーを使って整理した複数の製品やサービスを紹介したい場合に便利です。ディスプレイページは、カタログの要素を一貫して表示するのに適しているため、カテゴリベースのディスプレイページを使用すると、製品やサービスのカタログを閲覧する際に、ユーザーに一貫したエクスペリエンスを提供することができます。

表示ページを使用したカテゴリー表示¶

表示ページのカテゴリーは、他のタイプの表示ページコンテンツと同じ方法でレンダリングされます。 2つのオプションがあります。

カテゴリ用の表示ページテンプレートを作成し、このテンプレートをデフォルトとして設定します。
カテゴリを作成または編集する際に、お好みの表示ページテンプレートを選択してください。

また、複数のカテゴリに一度に表示ページテンプレートを割り当てることも可能です。［サイト管理］→ ［カテゴリー設定］→［カテゴリ］で、アップデートしたいカテゴリをチェックし、ページ()アイコンをクリックするか、上部のアクション() メニューから、［表示ページテンプレートを割り当て］を選択します。

Actionsメニューで表示ページテンプレートをデフォルトに設定します。

例：表示ページでのカテゴリベースのナビゲーションの使用¶

このステップバイステップの例では、カテゴリと表示ページテンプレートを組み合わせて、架空の保険会社のサービスを表示する方法を説明します。

カテゴリを表示ページに表示する手順は次のとおりです。

表示したいカテゴリを作成および編集します。
表示ページテンプレートを作成します。
表示ページテンプレートを編集および公開します。

警告

次の例は、デフォルトの表示ページテンプレートを変更する方法です。本番用サイトでの混乱を避けるため、この手順はテスト用サイトで行ってください。

ステップ1：カテゴリの作成と編集¶

カテゴリがまだ存在しない場合は作成し、表示ページにマッピングしたい情報を記載します。この例では、説明と画像を含む2つの新しいカテゴリを作成します。各カテゴリは、異なるサービスに対応しています。

自動車保険 という名前の新規カテゴリーを作成します。
カテゴリアプリケーションで、新しいカテゴリの Actions（）メニューをクリックし、［編集］を選択します。
［Details］タブをクリックし、このカテゴリの［Description］を追加します。
［画像］タブをクリックし、［画像の追加］() ボタンを使用して、カテゴリの画像を追加します。
［Details］タブを再度クリックし、［保存］をクリックします。

ステップ２：表示ページテンプレートの作成¶

Liferay DXP 7.4から、表示ページテンプレートにコンテンツの種類としてカテゴリを使用するオプションが追加されました。

［サイト管理］ → ［デザイン］ → ［ページテンプレート］へ移動します。
［表示ページテンプレート］をクリックし、［追加］() ボタンをクリックします。
この表示ページテンプレートに使用するマスターページテンプレートを選択します。

Tip

すべてのページやページテンプレートは、マスターページテンプレートを必要とします。詳細については、マスターページテンプレートを参照してください。
表示ページテンプレートの Name を入力し、［Content Type］のドロップダウンメニューで、［Category］を選択してください。
［保存］をクリックします。

ステップ３：表示ページテンプレートの編集と公開¶

表示ページテンプレートを作成した後、コンポーネントマッピングとレイアウトを編集できます。

Tip

表示ページテンプレートエディタは、コンテントページエディタのように機能します。詳細については、コンテンツページへの要素の追加を参照してください。

この例では、カードフラグメントを使用してカテゴリフィールドをマッピングする方法を示しています。

コンテナフラグメントをデフォルトのドロップゾーンにドラッグアンドドロップします。
コンテナフラグメントの上に、新しいカードフラグメントをドラッグアンドドロップします。
Selection メニュー（A）をクリックし、［Card］のタイトル（B）をクリックするとマッピングオプションが表示されます。
マッピングエリアと［ソース］ドロップダウンメニューで、［カテゴリ］がまだ選択されていない場合は、選択します。
［フィールド］ドロップダウンメニューをクリックし、［名前］(C) を選択して、カテゴリの名前とカードをマップします。
カード説明とカード画像についても、同様のマッピング作業を繰り返します。このリストでは、この例におけるカードフラグメントからカテゴリフィールドへのマッピングをまとめています。
- タイトル → 名前
- コンテンツ → 説明
- 画像 → メイン画像
［公開］をクリックします。
表示ページテンプレート リストで、新しい表示ページテンプレートの［Actions］() メニューをクリックして［Mark as Default］を選択します。
［サイト管理］ → ［カテゴリー設定］ → ［カテゴリ］へ行き Step 1 からカテゴリを持つボキャブラリを選択します。
任意のカテゴリで、 アクション（）メニューをクリックし、［表示ページを表示］を選択します。