theme.json バージョン1 リファレンス
theme.json バージョン2 がリリースされました。最新バージョンに移行するには theme.json 移行ガイド を参照してください。
settings
border
ボーダー関連の設定です。
Property | Type | Default | Props |
---|---|---|---|
customRadius | boolean | false |
color
色関連の設定です。
Property | Type | Default | Props |
---|---|---|---|
custom | boolean | true | |
customDuotone | boolean | true | |
customGradient | boolean | true | |
duotone | array | colors, name, slug | |
gradients | array | gradient, name, slug | |
link | boolean | false | |
palette | array | color, name, slug |
layout
レイアウト関連の設定です。
Property | Type | Default | Props |
---|---|---|---|
contentSize | string | ||
wideSize | string |
spacing
スペース関連の設定です。
Property | Type | Default | Props |
---|---|---|---|
customMargin | boolean | false | |
customPadding | boolean | false | |
units | array | px,em,rem,vh,vw,% |
typography
タイポグラフィ関連の設定です。
Property | Type | Default | Props |
---|---|---|---|
customFontSize | boolean | true | |
customLineHeight | boolean | false | |
dropCap | boolean | true | |
fontSizes | array | name, size, slug |
custom
「--wp--custom--{key}--{nested-key}: {value};
」形式のカスタム CSS カスタムプロパティを生成します。camelCased
のキーは、CSSプロパティ命名スキーマに従うために、 kebab-case
に変換されます。異なる深さのレベルのキーは --
で区切られるため、キーの名前に --
を含めないでください。
styles
border
ボーダーのスタイル。
Property | Type | Props |
---|---|---|
radius | string |
color
色のスタイル。
Property | Type | Props |
---|---|---|
background | string | |
gradient | string | |
text | string |
spacing
スペースのスタイル。
Property | Type | Props |
---|---|---|
margin | object | bottom, left, right, top |
padding | object | bottom, left, right, top |
typography
タイポグラフィのスタイル。
Property | Type | Props |
---|---|---|
fontSize | string | |
lineHeight | string |
最終更新日: