oo

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

利用可能です:Liferay DXP/Portal 7.4+..

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

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

表示ページでカテゴリをレンダリングする方法は、他のタイプの表示ページコンテンツをレンダリングする方法と同じです:

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

  1. サイトメニュー(サイトメニュー)を開き、 CategorizationCategories に移動します。

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

Set the display page template as default using the Actions menu.

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

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

  1. 表示したいカテゴリーを作成し、編集する

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

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

warning

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

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

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

  1. サイトメニュー(サイトメニュー)を開き、 CategorizationCategories に移動します。

  2. Vehicle Ownership という新しい語彙 を作成する。

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

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

  5. 画像 タブをクリックし、追加(追加ボタン)をクリックして、カテゴリーに画像を追加します。

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

    Edit the category and add a description.

  7. Save]をクリックします。

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

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

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

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

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

    tip

    すべてのページやページテンプレートはマスターページテンプレートを必要とします。 詳しくは、 マスターページテンプレート をお読みください。

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

    Select category as the content type of your new display page template.

  5. Save]をクリックします。

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

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

tip

表示ページ・テンプレート・エディターはコンテンツ・ページ・エディターのように機能します。 詳しくは、 コンテンツページに要素を追加する をご覧ください。

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

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

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

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

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

  5. アイテムをクリックし、マッピングしたいカテゴリーを選択します。

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

    Map the category fields in the display page template using a card fragment.

  7. カードの説明についても同じマッピング作業を繰り返す。 このリストは、例のカード・フラグメントとカテゴリー・フィールドのマッピングをまとめたものである:

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

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

    Set the display page template as default using the Actions menu.

  10. サイト・メニュー (サイト・メニュー)を開き、CategorizationCategories に移動し、 ステップ1 のカテゴリーを持つ語彙を選択します。

  11. どのカテゴリーでも、 Actions(Actions) をクリックし、 View Display Page を選択します。

    Open the display page for one of the categories using Actions option.

表示ページはあなたの表示ページテンプレートマッピングを使ってカテゴリーフィールドを表示します。 表示ページのURLは、選択したカテゴリーで一意です。

The display page template shows the category fields and provides a unique URL.

関連トピック

表示ページテンプレートの作成と管理

表示ページによるコンテンツの公開

コンテンツのカテゴリーとボキャブラリーを定義する

Capability: