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

繰り返し可能なフィールドをフラグメントにマッピングする

Liferay DXP 2024.Q3+/ポータル GA125+

Web コンテンツ構造にフィールドを作成するときに、それらを 繰り返し可能にすることができます。 その後、これらのフィールドをフラグメントにマップし、ページに公開できます。 これは、FAQ、求人情報、または以下の例のような従業員ディレクトリなど、パターンに従った構造化されたコンテンツを公開するのに最適な方法です。

繰り返し可能なフィールドを使用したWebコンテンツ構造の作成

この例では、架空のソフトウェア会社の従業員に関する基本情報を格納するための、繰り返し可能なフィールド グループを持つ構造を作成します。

  1. サイト メニュー (Site Menu) を開き、 コンテンツ & データを展開して、 Web コンテンツに移動します。

  2. 構造 タブを選択し、 新規をクリックします。 構造に 従業員情報という名前を付けます。

  3. テキスト フィールドを構造にドラッグ アンド ドロップします。 ラベルを 名前に変更します。

  4. フィールド グループを作成するには、名前フィールドの上に 2 番目の テキスト フィールドを追加します。 ラベルを「 役職」にします。

    フィールドを別のフィールドの上に追加して、フィールド グループを作成します。

  5. 3 番目の テキスト フィールドをフィールド グループに追加して、グループの最後に配置します。 ラベルを 連絡先にします。

    フィールド グループの最後にフィールドを追加します。

  6. フィールド グループを選択し、右側で 繰り返し可能 オプションをオンに切り替えます。

    右上隅に (Add icon) アイコンが表示され、フィールド グループが繰り返し可能であることが確認されます。

    フィールド グループを繰り返し可能としてマークします。

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

Webコンテンツ記事の作成

従業員情報 Web コンテンツ構造に基づいて Web コンテンツ記事を作成し、架空の会社のソフトウェア エンジニアに関する情報を追加します。

  1. サイト メニュー (Site Menu) を開き、 コンテンツ & データを展開して、 Web コンテンツに移動します。

  2. Web コンテンツ タブを選択し、 新規をクリックします。 従業員情報 構造を選択します。 記事に ソフトウェア エンジニアという名前を付けます。

  3. 従業員の名前、役職、連絡先を追加します。

  4. (Duplicate icon) をクリックして、さらにいくつかのフィールド グループの情報を入力します。

    繰り返し可能なフィールドに入力します。

  5. 公開をクリックします。

表示ページテンプレートでの繰り返しフィールドのマッピング

表示ページ テンプレートを作成し、 ソフトウェア エンジニア 記事の繰り返し可能なフィールドをコレクション表示フラグメント内のフラグメントにマップして、会社内のソフトウェア エンジニアのリストを表示します。

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

  2. [表示ページ テンプレート] タブを選択し、 [新規]をクリックします。 マスター ページを選択します。

  3. 名前を ソフトウェア エンジニア リストにします。 コンテンツ タイプとして Web コンテンツ記事 を選択し、サブタイプとして 従業員情報 を選択します。 [保存]をクリックします。

  4. フラグメントとウィジェットのサイドバーで、 コレクション表示 フラグメントを探し、ページにドラッグ アンド ドロップします。

  5. コレクション表示 フラグメントを選択し、右側の コレクションの選択をクリックします。

    表示するコレクションを選択しましょう。

  6. 開いたモーダル ウィンドウで、 [繰り返し可能なフィールド コレクション プロバイダー] タブを選択し、表示するコレクションを選択します。 この例では、 フィールド グループです。

    繰り返し可能なフィールド コレクション プロバイダー タブからコレクションを選択します。

  7. フィールド グループ コレクション アイテムに 見出し フラグメントを追加します。

    フィールド グループ コレクション アイテムに見出しフラグメントを追加します。

    注

    コレクション表示に複数の項目が含まれている場合は、フラグメントまたはウィジェットをいずれかの項目にドラッグできます。 コレクション内の残りのアイテムでは、同じレイアウト設定が自動的に使用されます。

  8. 見出し フラグメントをダブルクリックします。 右側のマッピングタブで、フィールドとして 名前 を選択します。

    見出しのコンテンツを繰り返し可能なフィールド グループ内のフィールドにマップします。

  9. 同じプロセスを繰り返して、最初のコレクション アイテムにさらに 2 つの見出しフラグメントを追加し、フィールドとして 役職 と 連絡先 を選択します。

  10. コレクション アイテムを視覚化するには、連絡先フィールドにマップされている最後の 見出し を選択します。 右側で、 スタイル タブを選択します。 「間隔」の下で、「下余白」として スペーサー 4 を追加します。

    ブロックを視覚化しやすくするために、最後の見出しフラグメントに余白を追加します。

  11. 右上隅の なし → その他の項目を選択 → ソフトウェア エンジニア をクリックして、表示ページ テンプレートをプレビューします。

    表示ページ テンプレートをプレビューするには、Web コンテンツ記事を選択します。

最後に、 ソフトウェア エンジニア の記事の繰り返し可能なフィールド グループに追加された情報が表示されます。

記事に追加されたすべての情報は、コレクション表示フラグメントに表示されます。

コンテンツページ内の繰り返しフィールドを他のフラグメントにマッピングする

繰り返し可能なフィールドをコンテンツ ページ内の他のフラグメントにマップし、表示する反復を選択することもできます。 この例では、特定の部門の従業員の名前を含む、よりシンプルな Web コンテンツ構造と記事を作成します。 次に、コンテンツ ページに追加されたフラグメントに情報をマッピングします。

まず、別の Web コンテンツ構造と記事を作成します。

  1. 従業員 という名前のシンプルな Web コンテンツ構造を作成し、 名前というラベルの付いた 1 つの繰り返し可能な テキスト フィールドを作成します。

    繰り返し可能なフィールドを持つ Web コンテンツ構造を作成します。

  2. 従業員構造に基づいて Web コンテンツ記事を作成します。 好きな名前を付けて、いくつか名前を追加してください。 この例では、 Spanish Employeesという名前で、スペイン人の従業員のリストになっています。

    従業員構造に基づいて Web コンテンツ記事を作成します。

コンテンツ ページを作成し、いくつかの見出しフラグメントを追加して、記事のフィールドをフラグメントにマッピングします。

  1. サイト メニュー (Site Menu) を開き、 サイト ビルダーを展開して、 ページに移動します。

  2. 新規 → ページをクリックします。 空白 テンプレートを選択し、名前を付けます。

  3. フラグメントとウィジェット サイドバーで、 見出し フラグメントを探し、ページにドラッグ アンド ドロップします。

  4. 見出し フラグメントをダブルクリックします。 右側で、アイテムとして スペイン人従業員 の記事を選択し、フィールドとして 名前 (繰り返し可能) を選択します。

    繰り返し可能なフィールドには、 (繰り返し可能)とマークされています。

    見出しを繰り返し可能なフィールドにマップします。

  5. 表示する 反復を選択します: 最初、最後、または特定の番号を選択します。

    反復回数は 1 から始まります。 特定の番号が存在しない場合は、フィールドは空として表示されます。

    表示する反復を選択します。

この方法では、繰り返し可能なフィールドのリストから特定のフィールドを選択して表示できます。

その結果、繰り返し可能なフィールドのリストから特定のフィールドを表示できるようになります。

機能の可用性

Liferayのバージョン機能のステータス機能フラグラベル
Liferay DXP 2024.Q3/ポータル GA125リリースLPD-11377
ライフレイ DXP 2025年第3四半期Googleアナリティクス-