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

一般設定リファレンス

すべてのフラグメントには一般設定があります。 一部のオプションは標準的ですが(例:表示設定やフレーム)、その他のオプションは各フラグメント固有のものです。

フラグメントの一般設定にアクセスするには、以下の手順に従ってください。

  1. フラグメントをサポートするページまたはテンプレートの編集を開始します。

  2. サイドバーメニューの ブラウザ パネル(Browser)を開き、目的のフラグメントを選択します。

    または、ページやテンプレート内の目的のフラグメントをクリックします。

  3. ページ要素のサイドパネルにある「全般」タブをクリックします。

ページ要素のサイドパネルで、フラグメントを選択すると、そのフラグメントの一般設定にアクセスできます。

標準一般設定

フラグメントを非表示にする

項目説明
フラグメントを非表示にする異なるビューポートでフラグメントを非表示にするには、このチェックボックスをオンにしてください。 この設定がページビューポートとどのように相互作用するかについては、 フラグメントの表示設定 を参照してください。

フレーム

項目説明
幅/高さフラグメントのフレームのデフォルトの高さと幅を決定します。
最小幅/最大幅異なるビューポートで表示する場合のフレームの最小幅と最大幅を決定します。
最低高さ/最高高さ異なるビューポートで表示する場合のフレームの最小高さと最大高さを決定します。
オーバーフローフラグメントの内容がフレームからはみ出す可能性があるかどうかを判定します。 デフォルトでは、コンテンツは制限されています。 オーバーフローが許可されている場合は、表示方法を指定してください(例:スクロール)。

コンテナオプション

項目説明
リンクコンテナがURL、ページ、またはマップされたURLのいずれにリンクしているかを判断します。この設定により、以下のフィールドのうちどれが使用可能かが決まります。
URL(URL用)コンテナのローカライズ可能なURLを入力してください。 他の言語のURLを設定するには、まず編集バーからページまたはテンプレートの言語を切り替えてください。 次に、目的のURLを入力してください。
ページ(ページ用)コンテナに対応するLiferayページを選択してください。
アイテム(マッピングされたURL用)「文書とメディア」、「ウェブコンテンツ」、「ブログ」、または「カテゴリ」から項目を選択してください。 選択された項目には、マッピング用のフィールドが含まれています。
フィールド(マッピングされたURL用)コンテナにマッピングするURLフィールドを選択してください。 有効なフィールドを選択すると、URLフィールドに自動的に入力されます。
URL(マッピングされたURLの場合)このフィールドには、選択したフィールドのURLが自動的に入力されます。
新しいタブで開くリンクが新しいタブで開かれるかどうかを判断します。
コンテンツ表示コンテナの内容がブロック、フレックス行、フレックス列のいずれとして表示されるかを決定します。フレックスオプションには追加の設定項目があります。
フレックスラップ(フレックス行またはフレックス列用) 7.4 U19+/GA19+フレックス行とフレックス列の折り返しを設定します:折り返しなし、折り返しあり、または折り返し反転。
アイテムの整列(フレックス列用) 7.4 U19+/GA19+列内の要素の配置方法(開始位置、中央揃え、終了位置、伸縮、ベースライン)を指定します。
コンテンツの均等割り付け(フレックス行用) 7.4 U19+/GA19+行内の要素の配置方法(開始位置、中央揃え、終了位置、間隔、周囲)を決定します。
コンテナ幅容器が流動幅か固定幅かを判断してください。

グリッドオプション

項目説明
モジュール数グリッドのドロップゾーンモジュールの数を決定します:1~6。
ガターを表示ドロップゾーンモジュール間のパディングを追加または削除します。
レイアウト各行にドロップゾーンモジュールがいくつあるか(1、2、3、または6)を判断します。 利用可能なオプションは、モジュールの数によって異なります。
逆順 ( 1行あたり1モジュールの場合)モジュールの順序を逆にするには、このチェックボックスをオンにしてください。
垂直方向の配置モジュールのコンテンツの垂直方向の配置を、上、中央、下のいずれかに設定します。

ボタンオプション

項目説明
タイプボタンの種類(リンクまたはアクション)を判定する
スタイルボタンのスタイルを指定します:プライマリ、セカンダリ、リンク、アウトラインプライマリ、またはアウトラインセカンダリ。
サイズボタンのサイズを、小、標準、大のいずれかで選択します。

カードオプション

項目説明
画像サイズカード上の画像の表示方法(フィットまたはオリジナルサイズ)を制御します。 この設定は、画像ソースの設定と連携して、カード内での画像の表示方法を定義します。
分野説明
タイプボタンのスタイルを指定します:プライマリ、セカンダリ、リンク、アウトラインプライマリ、またはアウトラインセカンダリ。
サイズボタンのサイズを、小、標準、大のいずれかで選択します。
パネルタイプドロップダウンメニューパネルのサイズを指定します:通常、全幅、またはメガメニュー。
ホバー時に表示カーソルをボタンの上に置いたときにメニューパネルを表示するかどうかは、このチェックボックスをオンにしてください。
パネルを編集モードで開いたままにする編集中にパネルを開いたままにするかどうかは、このチェックボックスをオンにしてください。

外部ビデオオプション

分野説明
ビデオ目的の動画のURLを入力するか、「ドキュメントとメディア」から外部動画ショートカットを選択してください。
幅/高さ埋め込まれた動画の寸法を決定します。
整列動画の配置を左、中央、右のいずれかに設定します。

見出しオプション

分野説明
見出しレベルヘッダーのスタイル(H1~H6)を指定します。

画像オプション

分野説明
画像サイズ画像の表示方法を制御します:フィットまたはオリジナルサイズ。 この設定は、画像ソースの設定と連携して、ページ上での画像の表示方法を定義します。

区切り線オプション

分野説明
底部の間隔セパレータの後にどれだけのパディングを追加するかを決定します: 1-5。
セパレーターの色区切り線の色を選択してください。
クリア選択した色を削除するには、「クリア」をクリックしてください。

スライダーオプション

分野説明
スライド数断片に含まれるスライドの枚数を特定します。
ヒント

スライダーに追加できるスライドの数に制限はありません。 しかし、スライドの枚数が多すぎると、パフォーマンスに悪影響を与える可能性があります。

スペーサーオプション

分野説明
身長スペーサーの厚さを決定します: 1-5。

タブオプション

分野説明
タブの数フラグメントに含まれるタブの数を決定します。
ヒント

Tabsフラグメントに追加できるタブの数に制限はありません。 しかし、タブの数が多いとパフォーマンスに悪影響を与える可能性があります。

動画URLオプション

分野説明
URL有効な動画URLを入力してください。
自動再生ページ読み込み時に動画が自動再生されるかどうかを判定します。
ループ動画が終了した後に、動画が再び再生されるかどうかを判断します。
ミュート動画がデフォルトでミュートされているかどうかを確認します。
コントロールを非表示にするユーザーがビデオコントロールにアクセスできるかどうかを判断します。
幅/高さ埋め込まれた動画の寸法を決定します。
整列動画の配置を左、中央、右のいずれかに設定します。

コンテンツ表示オプション

分野説明
アイテムドキュメントとメディア、ウェブコンテンツ、ブログ、またはカテゴリから表示する項目を選択してください。
テンプレートテンプレートを選択して、アイテムの表示方法を決定します。 利用可能なテンプレートは、選択したコンテンツの種類によって異なります。

コンテンツフラグオプション

分野説明
アイテムドキュメントとメディア、ウェブコンテンツ、ブログ、またはカテゴリから、フラグに関連付けたい項目を選択してください。
メッセージコンテンツフラグを使用してUIに表示するメッセージを入力してください。

コレクションフィルターオプション

分野説明
ターゲットコレクションフィルターで使用するコレクションを選択してください。
フィルターフィルターの種類(キーワードまたはカテゴリ)を指定します。 カテゴリを使用する場合、エンドユーザーは事前に定義されたフィルタカテゴリから選択できます。 キーワードを使用する場合、ユーザーは独自のフィルター値を手動で入力できます。
ソース(カテゴリ の)対象コレクションをフィルタリングするために使用する語彙またはカテゴリを選択してください。
単一選択(カテゴリ に対して)エンドユーザーがコレクションに対して適用できるフィルターが1つだけなのか、複数なのかを判断します。
検索フィールドを含める(カテゴリ の場合)エンドユーザーが利用可能なフィルタ値を検索するためのフィールドを含めるかどうかを決定する。
ラベルを表示UI上でフィルターのラベルを表示するかどうかを確認します。
ラベルテキストラベルに表示するローカライズ可能なテキストを入力してください。 ラベルテキストを別の言語に設定するには、まず編集バーを使用してページまたはテンプレートの言語を切り替えてください。 次に、希望するテキストを入力してください。 詳細については、 フラグメント構成フィールドのローカライズ を参照してください。

適用されたフィルターオプション

分野説明
ターゲットコレクションフラグメントで使用するコレクションを選択してください。 このフラグメントには、選択したコレクションに適用されているすべてのフィルターが表示されます。
フィルターをクリアするオプションを含めるエンドユーザーに「フィルターをクリア」オプションを提供するかどうかを決定する。
注記

このフラグメントは、対象コレクションにフィルターが適用された場合にのみ表示されます。

コンテンツレーティングオプション

分野説明
アイテムドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリから、フラグメントに関連付けるアイテムを選択してください。

コレクション表示オプション

分野説明
コレクションフラグメントに表示するコレクションまたはコレクションプロバイダを選択してください。 選択後、「アクション」ボタンをクリックすると、その他のオプションにアクセスできます。 利用可能な操作は、選択したコレクションまたはコレクションプロバイダーによって異なります。
リストスタイル利用可能なスタイルから選択して、アイテムの表示方法を決定します。 選択可能なスタイルは、選択したコレクションまたはコレクション提供元によって異なります。
レイアウト(グリッド 用)コレクションリストの列数を判定します(1~6)。
リストアイテムのスタイル(テンプレートの場合は、テンプレートの場合は)各項目の表示スタイルを選択してください。 利用可能なスタイルは、選択したコレクションアセットの種類によって異なります。
ページネーションコレクションにページネーションを使用するかどうかを決定します。 有効にすると、「数値」または「シンプル」の2つのスタイルオプションから選択できます。
コレクションアイテムをすべて表示する選択したコレクションまたはコレクションプロバイダー内のすべてのアイテムを表示するかどうかを決定します。
アイテムの最大数選択したコレクションまたはコレクションプロバイダーから表示するアイテムの最大数を設定します。
1ページあたりの最大アイテム数各ページに含まれる各断片の項目数を決定します。 この値は200を超えることはできません。

フォームフラグメントオプション

Liferay 7.4 U45+/GA45+

フォームの断片には、固有の設定オプションが含まれています。 それらにアクセスするには、フラグメントをオブジェクトフィールドにマッピングする必要があります。

フォームコンテナ

ヒント

Liferay DXP 2025.Q4 以降では、オブジェクト定義で フォーム コンテナでのマッピングを有効にする スイッチャーを使用して、カスタム オブジェクトまたは変更可能なシステム オブジェクトをフォーム コンテナで使用できるかどうかを制御します。 Liferay DXP 2026.Q3 より前のバージョンでは、CMS リリース機能フラグ (LPD-17564) が必要です。

分野説明
コンテンツタイプカスタムオブジェクトを選択してください。 これは、フォームコンテナとそのフラグメントを、選択されたオブジェクトにマッピングします。 フォームコンテナは一度に1つのオブジェクトにしかマッピングできません。
成功メッセージフォーム送信成功メッセージが現在のページに埋め込まれているか、ユーザーをLiferayページまたは外部URLにリダイレクトするかを判断します。
サクセステキスト(埋め込み用)ローカライズ可能な成功メッセージを入力してください。
プレビュー成功状態(埋め込み用)埋め込まれた成功メッセージをプレビューします。
コンテンツ表示コンテナの内容がブロック、フレックス行、フレックス列のいずれに表示されるかを決定します。フレックスオプションでは、さらに詳細な設定が可能です。
フレックスラップ(フレックス行の場合は、フレックス列の場合は)フレックス行とフレックス列の折り返しを設定します:折り返しなし、折り返しあり、または折り返し反転。
アイテムの配置 (フレックス列の場合は、フレックス列の場合は)列内の要素の配置方法(開始位置、中央揃え、終了位置、伸縮、ベースライン)を指定します。
コンテンツの均等割り付け (フレックス行の場合は、フレックス行の場合は)行内の要素の配置方法(開始位置、中央揃え、終了位置、間隔、周囲)を決定します。
コンテナ幅コンテナが流動幅を使用するか、固定幅を使用するかを判断します。

テキストフィールドと長文テキストフィールド

分野説明
表示文字数入力された文字数を表示し、最大文字数を超えた場合は警告を表示します。 最大文字数は、オブジェクトのフィールド設定で構成できます。 詳細については、 フィールドタイプ UI リファレンス を参照してください。

カテゴリー

分野説明
語彙の種類語彙の可視性に基づいてカテゴリを表示します。 詳細については、 語彙の表示設定 を参照してください。 この設定にアクセスするには、オブジェクトで カテゴリ化を有効にする を有効にする必要があります。 詳細については、 オブジェクトの作成 を参照してください。

その他のフォームフラグメント構成

分野説明
分野フラグメントをオブジェクトフィールドにマッピングします。
必須項目としてマークするフォーム送信に必要な項目として、フラグメントフィールドをマークしてください。 必須項目は自動的に必須としてマークされます。
ラベルを表示フラグメントのラベルを表示または非表示にします。
ラベルフラグメントにローカライズ可能なラベルを設定します。 デフォルトでは、各フラグメントはオブジェクトフィールドのラベルを使用します。
ヘルプテキストを表示するフラグメントのヘルプテキストを表示または非表示にします。
ヘルプテキストフラグメントにローカライズ可能なヘルプテキストを設定します。
プレースホルダー数値入力とテキスト入力のフラグメントには、例となる値を入力してください。
ボタンテキストファイルアップロードフラグメントでは、ファイルを添付するためのローカライズ可能なボタンテキストを設定します。
サポートされているファイル情報を表示するファイルアップロードフラグメントにおいて、サポートされている拡張子とファイルサイズ制限のリストを表示または非表示にします。