フラグメントサブ要素リファレンス

フラグメントサブ要素リファレンス

GeneralStyle の設定に加えて、多くのフラグメントには、独自の設定オプションを持つサブエレメントが含まれています。 これらのオプションにアクセスするには、ページまたはテンプレート( Edit Icon )の編集を開始し、目的のフラグメントをクリックし、ブラウザ( Browser Icon )のサイドバーメニューでそのサブエレメントの1つを選択します。

多くのフラグメントは、独自の設定オプションを持つサブエレメントを含んでいます。

使用可能なオプションは、サブ要素のタイプによって異なり、[マッピング]、[画像ソース]、および[リンク]のタブに編成されています。

サブ要素のタイプ [マッピング]タブ [画像ソース]タブ [リンク]タブ
シンプルテキストエレメント ( Simple Text Icon)
リッチテキスト要素( Rich Text Icon)
リンク要素( Link Icon)
HTML 要素 ( HTML Icon)
画像要素( Image Icon)

マッピング設定

選択した要素を既存のアセットのフィールドにマップします。

項目 説明
項目 ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリからアセットを選択します。 選択したアセットによって、マッピング用のフィールドが提供されます。
項目 選択したアイテムから目的のフィールドに要素をマップします。

編集サイドバーメニューのブラウザパネルでサブ要素のマッピング設定にアクセスします。

画像ソース設定

選択した画像要素に表示される画像を設定します。

項目 説明
ソースの選択 画像要素がソースに [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を入力します。 詳細は、フラグメント設定フィールドのローカライズを参照してください。
ページ (for Page) 要素に対応するLiferayページを選択します。
項目(for Mapped URL) ドキュメントとメディア、Webコンテンツ、ブログ、またはカテゴリからアセットを選択します。 選択したアセットによって、マッピング用のフィールドが提供されます。
フィールド(for Mapped URL) 要素を項目から使用可能なURLフィールドにマップします。 有効なフィールドを選択すると、URLフィールドに自動的に入力されます。
URL (for Mapped URL) このフィールドは、マップされたURLフィールドによって自動入力されます。
新しいタブで開く クリックしたリンクを新しいタブで開くかどうかを決定します。

編集サイドバーメニューのブラウザパネルでサブ要素のリンク設定にアクセスします。

追加情報