このような、背景色のあるエリアを作成します。
![](https://wordpress.rindouwebdesign.com/wp-content/uploads/2024/02/download-6-1024x733.jpg)
まずは、ページのテンプレートが、横幅いっぱいに表示できるものになっているか確認します。
Twenty Twenty-Fourの場合は、こちらの記事を参考に、テンプレートを設定してください。
用意ができたら、「グループ」を設置します。レイアウトで、「コンテント幅を使用するインナーブロック」が有効になっていることを確認します。
![](https://wordpress.rindouwebdesign.com/wp-content/uploads/2024/02/01-10-1024x733.png)
ここで余白も調整します。横のパディングはスマホで見た時用の余白です。
![](https://wordpress.rindouwebdesign.com/wp-content/uploads/2024/02/04-11-1024x733.png)
背景色を設定します。ここで背景画像を設定することもできます。
![](https://wordpress.rindouwebdesign.com/wp-content/uploads/2024/02/05-9-1024x733.png)
保存して表示を確認します。
![](https://wordpress.rindouwebdesign.com/wp-content/uploads/2024/02/download-7-1024x733.jpg)