Documentation

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

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

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

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

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

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

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

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

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

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

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

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

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

警告

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

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

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

  1. 自動車保険 という名前の 新規カテゴリーを作成します

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

  3. Details] タブをクリックし、このカテゴリの [説明] を追加します。

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

  4. 画像] タブをクリックし、 [画像の追加](Add Image) ボタンを使用して、カテゴリの画像を追加します。

  5. Details] タブを再度クリックし、 [保存] をクリックします。

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

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

  1. サイト管理] → [デザイン] → [ページテンプレート] へ移動します。

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

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

    ちなみに

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

  4. 表示ページテンプレートの 名前 を入力し、 [コンテンツの種類] のドロップダウン・メニューで、 [カテゴリ] を選択してください。

    新しい表示ページテンプレートのコンテンツタイプとして、 [ナビゲーション]を選択します。

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

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

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

ちなみに

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

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

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

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

  3. Selection メニュー(A)をクリックし、カードのタイトル(B)をクリックするとマッピングオプションが表示されます。

  4. マッピングエリアと [ソース] ドロップダウンメニューで、 [カテゴリ] がまだ選択されていない場合は、選択します。

  5. フィールド] ドロップダウンメニューをクリックし、 [名前](C) を選択して、カテゴリの名前とカードをマップします。

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

  6. カード説明とカード画像についても、同様のマッピング作業を繰り返します。 このリストでは、この例におけるカードフラグメントからカテゴリフィールドへのマッピングをまとめています。

    • タイトル → 名前

    • コンテンツ → 説明

    • 画像 → メイン画像

  7. 公開] をクリックします。

  8. 表示ページテンプレート リストで、新しい表示ページテンプレートの [Actions](Actions) メニューをクリックして [Mark as Default] を選択します。

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

  9. サイト管理] → [カテゴリー設定] → [カテゴリ] へ行き Step 1 からカテゴリを持つボキャブラリを選択します。

  10. 任意のカテゴリで、 [Actions](Actions)メニューをクリックし、 [表示ページを表示] を選択します。

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

表示ページでは、表示ページテンプレートのマッピングを使用して、カテゴリフィールドを表示します。 表示ページのURLは、選択したカテゴリ用のユニークのものとなっています。

表示ページテンプレートは、カテゴリフィールドを表示し、ユニークなURLを提供します。