すべてのフラグメントには一般的な設定がある。 これらのオプションの中には、標準的なもの(例えば、可視性やフレーム)もあれば、各フラグメントに固有のものもある。 以下のリファレンスには、一般的な設定の断片のみが含まれている。
以下の手順に従って、フラグメントの一般設定にアクセスしてください:
-
フラグメントをサポートするページまたはテンプレートの編集を開始します。
-
サイドバーメニューの Browser パネル()を開き、目的のフラグメントを選択する。
または、ページやテンプレート内の目的のフラグメントをクリックします。
-
ページ要素サイドパネルの 全般 タブをクリックします。
項目 | 説明 |
フラグメントを非表示 | 異なるビューポートでフラグメントを非表示にするには、チェックボックスをオンにします。 この設定がページビューポートとどのように相互作用するかについては、 フラグメントの可視性を設定する を参照してください。 |
項目 | 説明 |
幅/高さ | フラグメントのフレームのデフォルトの高さと幅を決定する。 |
幅の最小値/幅の最大値 | 異なるビューポートに表示されたときのフレームの最小幅と最大幅を決定します。 |
高さの最小値/高さの最大値 | 異なるビューポートに表示されたときのフレームの高さの最小値と最大値を決定します。 |
オーバーフロー | フラグメントコンテンツがフレームからはみ出すことを許可するかどうかを決定する。 デフォルトでは、フラグメントのコンテンツはそのフレーム内に制限される。 オーバーフローが許可されている場合は、その表示方法を決定できます(スクロールなど)。 |
項目 | 説明 |
リンク | コンテナがURL、ページ、またはマップされたURLのいずれにリンクするかを決定します。この設定により、以下のフィールドのいずれが利用できるかが決定されます。 |
URL | コンテナのローカライズ可能なURLを入力する。 他の言語のURLを設定するには、まず編集バーでページやテンプレートの言語を切り替えます。 次に、目的のURLを入力します。 |
ページ | コンテナの Liferay ページを選択します。 |
項目(マップされたURLの場合) | ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリから項目を選択します。 選択した項目によって、マッピング用のフィールドが提供されます。 |
フィールド(マップされたURLの場合) | コンテナにマッピングしたいURLフィールドを選択する。 有効なフィールドを選択すると、URLフィールドに自動的に入力されます。 |
URL(マップされたURLの場合) | このフィールドには、選択したフィールドURLが自動入力されます。 |
新しいタブで開く | リンクを新しいタブで開くかどうかを決定します。 |
コンテンツの表示 | コンテナのコンテンツをブロック、フレックス行、フレックス列のいずれで表示するかを決定する。 |
フレックス・ラップ(フレックス行またはフレックス列用) 7.4 U19+/GA19+ | フレックスの行と列の折り返しを設定する:折り返しなし、折り返し、折り返し反転。 |
アイテムの整列(フレックスカラム用) 7.4 U19+/GA19+ | 列の要素をどのように整列させるかを決定します:Start、Center、End、Stretch、Baseline。 |
ジャスティファイ内容(フレックス列用) 7.4 U19+/GA19+ | 行内の要素の両端揃え方法を決定します:開始]、[中央]、[終了]、[間]、または[周囲]。 |
コンテナの幅 | コンテナがFluid Widthを使用するかFixed Widthを使用するかを決定する。 |
項目 | 説明 |
モジュール数 | グリッドのドロップゾーンモジュールの数を決定します(1~6)。 |
余白を表示 | ドロップゾーンモジュール間のパッディングを追加または削除します。 |
レイアウト | 各行におけるドロップゾーンモジュールの数を決定します(1、2、3、または6)。 使用可能なオプションは、モジュールの数によって異なります。 |
逆順 (1行に1モジュールの場合) | モジュールの順序を逆にするには、チェックボックスをオンにします。 |
垂直位置 | モジュールのコンテンツの垂直位置を決定します(上、中、または下)。 |
項目 | 説明 |
種類 | ボタンのタイプを決定します:リンクまたはアクション |
スタイル | ボタンのスタイルを決定します:プライマリ、セカンダリ、リンク、アウトライン・プライマリ、アウトライン・セカンダリ。 |
サイズ | ボタンのサイズを決めます:スモール、ノーマル、ラージ |
項目 | 説明 |
画像サイズ | 画像のサイズを決定します(適合または元のサイズ)。 |
項目 | 説明 |
種類 | ボタンのスタイルを決定します:プライマリ、セカンダリ、リンク、アウトライン・プライマリ、アウトライン・セカンダリ。 |
サイズ | ボタンのサイズを決めます:スモール、ノーマル、ラージ |
パネルの種類 | ドロップダウンメニューパネルのサイズを決定します(通常、全幅、またはメガメニュー)。 |
ポイント時に表示 | カーソルをボタンの上に置いたときにメニューパネルが表示されるかどうかをチェックする。 |
パネルを編集モードで開いたままにする | 編集中にパネルを開いたままにする場合はチェックボックスをオンにします。 |
項目 | 説明 |
ビデオ | 目的のビデオへのURLを入力するか、ドキュメントとメディアから外部ビデオショートカットを選択します。 |
幅/高さ | 埋め込まれたビデオのサイズを決定します。 |
配置 | ビデオの配置を決定します(左、中央、または右)。 |
項目 | 説明 |
見出しレベル | ヘッダーのスタイルを決定します(H1~H6)。 |
項目 | 説明 |
画像サイズ | 画像のサイズを決定します(適合または元のサイズ)。 |
項目 | 説明 |
下の間隔 | セパレーター(区切り文字)の後に追加されるパッディングの量を決定します(1~5)。 |
セパレーターの色 | セパレーターの色を選択します。 |
クリア | [クリア]をクリックして、選択した色を削除します。 |
項目 | 説明 |
スライド数 | フラグメントに含まれるスライドの数を決定する。 |
tip
スライダーに追加できるスライドの数に制限はありません。 ただし、スライドの数が多いと、パフォーマンスに悪影響を与える可能性があります。
| 項目 | 説明 |
| :- | :—————- |
| 高さ | スペーサーの厚さを決める:1-1. |
項目 | 説明 |
タブ数 | フラグメントに含まれるタブの数を決定する。 |
tip
タブ・フラグメントに追加できるタブの数に制限はありません。 ただし、タブの数が多いと、パフォーマンスに悪影響を与える可能性があります。
項目 | 説明 |
URL | 有効な動画URLを入力します。 |
自動再生 | ページが読み込まれたときにビデオが自動的に再生されるかどうかを決定します。 |
ループ | ビデオの終了後に再起動するかどうかを決定します。 |
ミュート | ビデオをデフォルトでミュートにするかどうかを決定します。 |
コントロールを非表示 | ユーザーがビデオコントロールにアクセスできるかどうかを決定します。 |
幅/高さ | 埋め込まれたビデオのサイズを決定します。 |
配置 | ビデオの配置を決定します(左、中央、または右)。 |
項目 | 説明 |
項目 | ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリから表示する項目を選択します。 |
テンプレート | テンプレートを選択して、項目の表示方法を決定します。 使用可能なテンプレートは、選択したコンテンツの種類によって異なります。 |
項目 | 説明 |
項目 | ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリから、フラグに関連付ける項目を選択します。 |
メッセージ | コンテンツフラグを使用してUIに表示するメッセージを入力します。 |
項目 | 説明 |
ターゲットコレクション | フィルタで使用するコレクションを選択する。 |
絞り込み | フィルタのタイプを決定します(キーワードまたはカテゴリ)。 カテゴリを使用する場合、エンドユーザーは事前定義されたフィルタカテゴリから選択できます。 キーワードを使用する場合、独自のフィルタ値を手動で入力できます。 |
ソース(※カテゴリー用) | 対象コレクションのフィルタリングに使用する語彙またはカテゴリを選択します。 |
シングル・セレクション(※カテゴリー別) | エンドユーザがコレクションに1つまたは複数のフィルタのみを適用できるかどうかを決定します。 |
検索フィールドを含む(※カテゴリー用) | エンドユーザーが使用可能なフィルタ値を検索するためのフィールドを含めるかどうかを決定します。 |
ラベルを表示 | UIにフィルタのラベルを表示する場合はオンにします。 |
ラベルテキスト | ラベルにローカライズ可能なテキストを入力します。 他の言語のラベルテキストを設定するには、まず編集バーでページやテンプレートの言語を切り替えます。 次に、目的のテキストを入力します。 詳しくは Fragment Configuration Fieldsのローカライズ を参照のこと。 |
項目 | 説明 |
ターゲットコレクション | フラグメントで使用するコレクションを選択する。 このフラグメントは、選択されたコレクションに適用されたすべてのフィルタを表示します。 |
“フィルターをクリア” オプションを含める | エンドユーザーに[Clear Filters]オプションを含めるかどうかを決定します。 |
note
このフラグメントは、ターゲットコレクションにフィルタが適用されている場合にのみ表示されます。
| 項目 | 説明 |
| :- | :————————————————————- |
| 項目 | ドキュメントとメディア」、「ウェブコンテンツ」、「ブログ」、「カテゴリー」から、フラグメントに関連付けたい項目を選択します。 |
項目 | 説明 |
コレクション | フラグメントに表示するコレクションまたはコレクションプロバイダを選択します。 選択したら、アクションボタンをクリックして追加のオプションにアクセスできます。 利用可能なアクションは、選択したコレクションまたはコレクションプロバイダによって異なります。 |
リストのスタイル | 使用可能なスタイルから選択して項目の一覧表示方法を決定します。 利用可能なスタイルは、選択したコレクションまたはコレクションプロバイダーによって異なります。 |
レイアウト(※グリッド用) | コレクションリストの列数を決定する:1-1. |
リスト項目のスタイル(※テンプレートの場合) | 使用可能なスタイルから選択して、各エントリーの表示方法を決定します。 利用可能なスタイルは、選択したコレクション資産の種類によって異なります。 |
ページネーション | コレクションにページネーションを使用するかどうかを決定する。 有効にすると、[数値]または[Simple]の2つのスタイルオプションから選択できます。 |
すべてのコレクション項目を表示 | 選択したコレクションまたはコレクションプロバイダのすべてのアイテムを表示するかどうかを決定する。 |
最大項目数 | 選択したコレクションまたはコレクションプロバイダから表示するアイテムの最大数を設定します。 |
ページごとの最大項目数 | ページごとに、各フラグメントに含まれるアイテムの数を決定する。 この値は200を超えることはできません。 |
Liferay 7.4 U45+/GA45+
フォームの断片には、独自の設定オプションがあります。 それらにアクセスするには、フラグメントをオブジェクト・フィールドにマッピングする必要がある。
項目 | 説明 |
コンテンツの種類 | カスタムオブジェクトを選択します。 これは、フォームコンテナとそのフラグメントを選択されたオブジェクトにマップします。 フォームコンテナは、一度に1つのオブジェクトにしかマッピングできません。 |
成功メッセージ | フォーム送信の成功メッセージを現在のページに埋め込むか、ユーザーをLiferayのページや外部URLにリダイレクトするかを決定します。 |
サクセス・テキスト(※埋め込み用) | ローカライズ可能なサクセスメッセージを入力します。 |
サクセス・ステートをプレビューする(※エンベデッド用) | 埋め込まれた成功メッセージをプレビューする。 |
コンテンツの表示 | コンテナのコンテンツをブロック、フレックス行、フレックス列のいずれで表示するかを決定します。 |
フレックス・ラップ(フレックス行またはフレックス列 用) | フレックスの行と列の折り返しを設定する:折り返しなし、折り返し、折り返し反転。 |
アイテムの整列 (フレックスカラムの場合) | 列の要素をどのように整列させるかを決定します:Start、Center、End、Stretch、Baseline。 |
コンテンツのジャスティファイ(フレックス行の場合) | 行内の要素の両端揃え方法を決定します:開始]、[中央]、[終了]、[間]、または[周囲]。 |
コンテナの幅 | コンテナで可変を使用するか固定幅を使用するかを決定します。 |
項目 | 説明 |
項目 | フラグメントをオブジェクトフィールドにマップする。 |
必須にする | フラグメントフィールドをフォーム送信の必須項目としてマークします。 必須オブジェクトフィールドは自動的に必須とマークされます。 |
ラベルを表示 | フラグメントのラベルを表示または非表示にする。 |
ラベル | フラグメントにローカライズ可能なラベルを設定する。 デフォルトでは、各フラグメントはそのオブジェクト・フィールドのラベルを使用する。 |
ヘルプテキストを表示 | フラグメントのヘルプ・テキストを表示または非表示にする。 |
ヘルプテキスト | フラグメントにローカライズ可能なヘルプテキストを設定します。 |
プレースホルダー | 数値入力とテキスト入力のフラグメントには、値の例を入力する。 |
ボタンのテキスト | File Uploadフラグメントに対して、ファイルを添付するためのローカライズ可能なボタンテキストを設定します。 |
サポート対象ファイルを表示 | ファイルアップロードフラグメントで、サポートされる拡張子のリストとファイルサイズの上限を表示または非表示にします。 |
フラグメントの設定
フラグメント・スタイル リファレンス
フラグメントのサブエレメント 参照