1. コンポーネント

レンダリングへの背景イメージの追加を有効にする

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ページのデザインをさらに強化するために、SXAでは任意のレンダリングに背景画像を追加できます。背景イメージを追加する前に、_Background Imageテンプレートをレンダリングに追加する必要があります。

_Background Imageテンプレートをレンダリングに追加するには:

  1. コンテンツ エディタで、レンダリング テンプレート (Templates/Features/Experience Accelerator) に移動します。

  2. Dataセクションで、_Background Imageテンプレート(Templates/Foundation/Experience Accelerator/Presentation)を追加します。

    Add the background image template to the rendering.
  3. エクスペリエンス エディターでレンダリングを追加すると、ツールバーにAssign Background Imageボタンが使用可能であることを確認できます。アイコンをクリックして画像を選択します。

    Assign background image option available in the Experience Editor.
  4. DataセクションのBackground Imageフィールドで、「Browse」をクリックして、メディアライブラリから画像を選択します。

    Browse for the image to use as a background.
  5. Stretch Modeフィールドで、次のいずれかのオプションを選択できます。

    • 固定背景

    • 視差

    • 伸ばす

    • 縦に伸ばし、横に並べて並べる

    • 縦に並べて、横に並べて並べる

この記事を改善するための提案がある場合は、 お知らせください!