【theme.json】背景画像の設定

この記事では、theme.jsonで背景画像を設定する方法について解説しています。

今まで背景画像を使うときにカバーブロックを使用していましたが、グループブロックでも利用することができるようになります。

settings.background

WordPressのデフォルト設定では、グループブロックで使用できる背景画像の設定は無効化されています。

背景画像の設定を有効化するには、settings.backgroundを設定する必要があります。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
        "background": {
            "backgroundImage": true,
            "backgroundSize": true
        }
    }
}

backgroundSizeでは、cssの「background-position」「background-size」を指定することができます。