1. 構成要素

レンダリングに背景画像を追加することを有効にする

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

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

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

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

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

  2. データセクションに、_Background画像テンプレート(Templates/Foundation/Experience Accelerator/Presentation)を追加します。

    Add the background image template to the rendering.
  3. エクスペリエンスエディターでレンダリングを追加すると、ツールバーに 「背景画像を割り当て る」ボタンが表示されるのがわかります。アイコンをクリックして画像を選択してください。

    Assign background image option available in the Experience Editor.
  4. データセクションの背景画像欄で、メディアライブラリーから画像を選択するために**「ブラウズ」**をクリックしてください。

    Browse for the image to use as a background.
  5. ストレッチモードのフィールドで、以下のいずれかのオプションを選択できます:

    • 固定背景
    • 視差
    • ストレッチ
    • 縦に伸ばし、横にタイルを貼る
    • タイル
    • 縦にタイルを貼り、横にタイルを貼る
この記事を改善するための提案がある場合は、 お知らせください!