WordPressを学ぶ

theme.json settings

投稿日:

ブロックエディター全体・ブロック個別の機能の有効化・無効化、および機能の設定を行うセクションです。

settings セクションの構造

 settings.color / settings.spacing / settings.border / settings.custom の設定は、機能が全ブロックに反映されます。body タグに出力される。)

ブロック個別に設定を上書きする場合は、settings.blocks プロパティ(ブロック個別に機能の有効化 / 無効化をコントロールするセクション)で定義します。

settings セクションの構造例

{
    "version": 2,
    "settings": {
        "border": {
            "radius": false,
            "color": false,
            "style": false,
            "width": false
        },
        "color": {
            "custom": true,
            "customDuotone": true,
            "customGradient": true,
            "duotone": [],
            "gradients": [],
            "link": false,
            "palette": [],
            "text": true,
            "background": true,
            "defaultGradients": true,
            "defaultPalette": true
        },
        "custom": {},
        "layout": {
            "contentSize": "800px",
            "wideSize": "1000px"
        },
        "spacing": {
            "margin": false,
            "padding": false,
            "blockGap": null,
            "units": [ "px", "em", "rem", "vh", "vw" ]
        },
        "typography": {
            "customFontSize": true,
            "lineHeight": false,
            "dropCap": true,
            "fontStyle": true,
            "fontWeight": true,
            "letterSpacing": true,
            "textDecoration": true,
            "textTransform": true,
            "fontSizes": [],
            "fontFamilies": []
        },
        "blocks": {
            "core/paragraph": {
                "color": {},
                "custom": {},
                "layout": {},
                "spacing": {},
                "typography": {}
            },
            "core/heading": {},
            "etc": {}
        }
    }
}

-WordPressを学ぶ

Copyright© WordPressの始め方 , 2024 All Rights Reserved.