フラグメントサブ要素リファレンス
General と Style の設定に加え、多くのフラグメントには独自の設定オプションを持つサブエレメントが含まれています。 これらのオプションにアクセスするには、ページまたはテンプレート( )の編集を開始し、目的のフラグメントをクリックし、ブラウザ( )のサイドバーメニューでそのサブ要素の1つを選択します。
使用可能なオプションは、サブ要素のタイプによって異なり、[マッピング]、[画像ソース]、および[リンク]のタブに編成されています。
サブ要素のタイプ | [マッピング]タブ | [画像ソース]タブ | [リンク]タブ |
---|---|---|---|
シンプル・テキスト・エレメント ( ) | ✔ | ✔ | |
リッチ・テキスト・エレメント ( ) | ✔ | ||
リンク・エレメント ( ) | ✔ | ✔ | |
HTML要素 ( ) | ✔ | ||
イメージ・エレメント ( ) | ✔ | ✔ |
マッピング設定
選択した要素を既存のアセットのフィールドにマップします。
項目 | 説明 |
---|---|
項目 | ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリからアセットを選択します。 選択したアセットによって、マッピング用のフィールドが提供されます。 |
項目 | 要素を、選択された項目からサポートされているフィールドにマッピングします。 |
サポートされているフィールドは以下の通りです:テキスト、リストからの選択、単一選択、複数選択、日付、日付と時刻、数値、ブール値、ページへのリンク、リッチテキスト。
画像ソース設定
選択した画像要素に表示される画像を設定します。
フラグメントは、コンテンツ・デリバリー・ネットワーク(CDN)ホストに保存されている画像を表示できません。 フラグメントの中で、CDNホストから配信された画像を参照しないでください。
項目 | 説明 |
---|---|
ソースの選択 | 画像要素がソースに [Direct] または [マッピング] のどちらを使用するかを選択します。 [Direct]を使用する場合は、ドキュメントとメディアから画像を選択するか、画像URLを入力できます。 [マッピング]を使用する場合は、ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリからアセットを選択し、選択したアセットのフィールドに画像要素をマッピングできます。 |
画像 (for Direct) | ドキュメントライブラリから目的の画像を選択するか、画像URLを入力します。 |
解像度 (for Direct) | 画像の解像度を選択します。 デフォルトでは、Liferayには自動、サムネイル(300px)、またはプレビュー(1000px)のオプションが含まれています。 ただし、アダプティブメディアを使用して代替解像度を生成できます。 |
画像の説明 (for Direct) | ローカライズ可能な画像の説明を入力します。 他の言語用の説明を設定するには、まず編集バーでページやテンプレートの言語を切り替えます。 次に、目的のテキストを入力します。 詳細は、フラグメント設定フィールドのローカライズを参照してください。 |
アイテム (for Mapping) | ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリからアセットを選択します。 選択したアセットによって、マッピング用のフィールドが提供されます。 |
フィールド (for Mapping) | 選択したアイテムから目的のフィールドに画像要素をマップします。 |
遅延読み込みを有効にする | レイジーローディング を有効にして、必要なときだけ画像をレンダリングする。 有効になっている間、オフスクリーン画像はページの初期レンダリング中に読み込まれません。 これにより、クリティカルなレンダリングパスを短縮し、ページのロード時間を改善することができる。 デフォルトでは、遅延ロードは無効になっている。 |
リンク設定
URL、ページ参照、またはアセットマッピングを設定して、選択した要素にクリック可能なリンクを追加します。
項目 | 説明 |
---|---|
リンク | フィールドが URL 、 ページ 、 マップされたURL のいずれを使用するかを決定します。 |
URL (for URL) | 要素のローカライズ可能なURLを入力します。他の言語用のURLを設定するには、まず編集バーでページまたはテンプレートの言語を切り替えます。次に、必要なURLを入力します。詳しくは フラグメント設定フィールドのローカライズ を参照してください。 |
Page (for Page) 要素のLiferayページを選択します。 | |
Item (for Mapped URL) | Documents and Media、Web Content、Blogs、Categories からアセットを選択します。選択したアセットにはマッピング用のフィールドが用意されています。 |
フィールド (マッピングされた URL 用) | 要素をアイテムから利用可能なサポートされた URL フィールドにマッピングします。有効なフィールドを選択すると、URL フィールドが自動的に入力されます。 |
URL (for Mapped URL) | このフィールドはマッピングされた URL フィールドによって自動入力されます。 |
リンクをクリックすると新しいタブが開きます。 |
以下の要素をフィールドにマッピングできます(マッピングされたURLの場合):Text、Select from List、Single Selection、Multiple Selection、Numeric、Rich Text、Link to Pageです。