theme.jsonで、ブロックエディターのハイライトカラーのパレットを変更

2024.08.26

BlockEditor

theme.jsonでは、ブロックエディターのデフォルト設定を変更するとこができます。今回は、theme.jsonで、ブロックエディターのハイライトカラーのパレットを変更する方法を紹介します。

出典 : グローバル設定とスタイル (theme.json)

コード

テーマ直下にtheme.jsonファイルを作成し、下記コードを入力します。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
		"layout": {
			"contentSize": "800px",
			"wideSize": "1200px"
		},
		"color": {
			"palette": [
				{
					"name": "Red",
					"slug": "red",
					"color": "#e60033"
				},
				{
					"name": "Blue",
					"slug": "blue",
					"color": "#004be1"
				}
			]
		}
	},
    "styles": {},
    "patterns": [],
    "customTemplates": [],
    "templateParts": []
}