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

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

対応バージョン:Liferay DXP/Portal 7.4以降。

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

表示ページにカテゴリを表示する

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

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

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

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

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

表示ページ上のカテゴリ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. 表示ページテンプレートを作成します。

  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が提供されます。