---
title: "レンダリングに背景画像を追加することを有効にする"
slug: "enable-adding-a-background-image-to-a-rendering"
abstract: "背景画像テンプレートを追加して「背景画像を割り当てる」ボタンを表示します。"
---
# レンダリングに背景画像を追加することを有効にする

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

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

1.  コンテンツエディターでレンダリングテンプレート(*Templates/Features/Experience Accelerator*)に移動します。
    
2.  **データ**セクションに、*\_Background画像*テンプレート(*Templates/Foundation/Experience Accelerator/Presentation*)を追加します。
    
    ![Add the background image template to the rendering.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-background-image-template.png)
    
3.  エクスペリエンスエディターでレンダリングを追加すると、ツールバーに **「背景画像を割り当て** る」ボタンが表示されるのがわかります。アイコンをクリックして画像を選択してください。
    
    ![Assign background image option available in the Experience Editor.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-background-image-assign.png)
    
4.  **データ**セクションの**背景画像**欄で、メディアライブラリーから画像を選択するために**「ブラウズ」**をクリックしてください。
    
    ![Browse for the image to use as a background.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-background-image-data.PNG)
    
5.  **ストレッチモード**のフィールドで、以下のいずれかのオプションを選択できます:
    
    -   固定背景
    -   視差
    -   ストレッチ
    -   縦に伸ばし、横にタイルを貼る
    -   タイル
    -   縦にタイルを貼り、横にタイルを貼る