Using Display Page Templates
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。

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

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

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

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

表示ページでのカテゴリの表示方法は、他の種類の表示ページのコンテンツの表示方法と同じです。

表示ページ テンプレートを複数のカテゴリに一度に割り当てることもできます。

  1. サイト メニュー (Site Menu) を開き、 分類カテゴリに移動します。

  2. 更新するカテゴリをチェックして、 ページ (Page) をクリックするか、上部の [アクション] メニュー (Actions) から 表示ページ テンプレートの割り当てを選択します。

[アクション] メニューを使用して、表示ページ テンプレートをデフォルトとして設定します。

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

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

  1. 表示するカテゴリを作成および編集します

  2. 表示ページテンプレートを作成します

  3. 表示ページテンプレートを編集して公開します

警告

次の例は、デフォルトの表示ページ テンプレートを変更する方法を示しています。 実稼働サイトでの中断を避けるため、この手順をテスト サイトで実行してください。

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

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

  1. サイト メニュー (Site Menu) を開き、 分類カテゴリに移動します。

  2. 「Vehicle Ownership」という名前の新しい語彙 を作成します。

  3. 「自動車保険」という名前の新しいカテゴリ を作成します。 [保存]をクリックします。

  4. カテゴリ アプリケーションで、新しいカテゴリの [アクション] (Actions) をクリックし、 [編集]を選択します。

  5. カテゴリに画像を追加するには、 画像 タブをクリックし、 追加 (Add button) をクリックします。

  6. 詳細 タブをクリックし、このカテゴリの説明を追加します。

    カテゴリを編集し、説明を追加します。

  7. [保存]をクリックします。

ステップ2:表示ページテンプレートの作成

Liferay DXP 7.4 以降、表示ページ テンプレートには、コンテンツ タイプとしてカテゴリを使用するオプションが含まれています。

  1. サイト メニュー (Site Menu) を開き、 デザインページ テンプレートに移動します。

  2. ページ テンプレートの表示 をクリックし、 追加 (Add Image) をクリックします。

  3. この表示ページ テンプレートに使用するマスター ページ テンプレートを選択します。

    ヒント

    すべてのページまたはページ テンプレートには、マスター ページ テンプレートが必要です。 詳細については、「 マスター ページ テンプレート」を参照してください。

  4. 表示ページ テンプレートの 名前 を入力し、[コンテンツ タイプ] ドロップダウン メニューで カテゴリを選択します。

    新しい表示ページ テンプレートのコンテンツ タイプとしてカテゴリを選択します。

  5. [保存]をクリックします。

ステップ3:表示ページテンプレートの編集と公開

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

ヒント

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

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

  1. コンテナ フラグメントをデフォルトのドロップ ゾーンにドラッグ アンド ドロップします。

  2. コンテナ フラグメントの上に、新しいカード フラグメントをドラッグ アンド ドロップします。

  3. ブラウザ (Browser) ボタンをクリックし、カードのタイトルをクリックしてマッピング オプションを開きます。

  4. マッピングタブで、 ソース ドロップダウンメニューをクリックし、 特定のコンテンツを選択します。

  5. 項目 をクリックし、マップするカテゴリを選択します。

  6. フィールド ドロップダウン メニューをクリックし、 名前 を選択して、カテゴリの名前をカードのタイトルにマッピングします。

    カード フラグメントを使用して、表示ページ テンプレートのカテゴリ フィールドをマップします。

  7. カードの説明に対しても同じマッピングプロセスを繰り返します。 このリストは、例におけるカード フラグメントとカテゴリ フィールドのマッピングをまとめたものです。

    • タイトル → 名前
    • コンテンツ → 説明
    • 画像 → メイン画像
  8. 公開をクリックします。

  9. 表示ページ テンプレート リストの下で、新しい表示ページ テンプレートの アクション (Actions) をクリックし、 デフォルトとしてマークを選択します。

    [アクション] メニューを使用して、表示ページ テンプレートをデフォルトとして設定します。

  10. サイト メニュー (Site Menu) を開き、 分類カテゴリに移動して、 ステップ 1のカテゴリを含む語彙を選択します。

  11. 任意のカテゴリで、 アクション (Actions) をクリックし、 表示ページの表示を選択します。

    アクション オプションを使用して、いずれかのカテゴリの表示ページを開きます。

表示ページでは、表示ページ テンプレート マッピングを使用してカテゴリ フィールドが表示されます。 表示ページの URL は、選択したカテゴリごとに固有です。

表示ページ テンプレートには、カテゴリ フィールドが表示され、一意の URL が提供されます。