---
title: "ページに背景を加える"
slug: "add-a-background-to-a-page"
abstract: "背景や背景画像をコンテナに追加してページデザインを引き立てる"
---
# ページに背景を加える

背景画像や背景画像を追加することで、ウェブページのデザインに深みや視覚的な興味を加えることができます。コンテナコンポーネントは、背景画像をサポートする唯一の組み込みコンポーネントです。ただし、カスタムコンポーネントに背景画像を追加することも可能です。

> !注**始める前に**
> 
> -   [コンポーネントの背景画像を有効にするには、コンテンツエディターで](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/enable-adding-a-background-image-to-a-rendering.html)\_Background Image
>     
> -   もしコンテナコンポーネントを使っているなら、コンテナコンポーネント内に少なくとも1つのコンポーネントを追加してください。そうしないと背景画像はレンダリングされません。
>     

ページに背景を追加するには:

1.  ページビルダー **エディター** モードで、左側のペインの **サイトツリー** タブで、コンポーネントを追加したいページをクリックします。
2.  **コンポーネント**タブで**コンテナコンポーネントをクリックし**、ページのキャンバスにドラッグします。
3.  ページ内の **画像** 要素をクリックします。右側のペインで **「コンテンツ**」をクリックし、画像設定オプションを編集します:
    -   背景を追加するには、 **スタイリング** セクションで **背景色** と **背景レイアウト** フィールドを使用します。
    -   背景を追加するには、 **詳細スタイリング** セクションで **背景画像** フィールドを使います。