Styles #

https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/

Mỗi khối khai báo thuộc tính kiểu nào mà nó thể hiện thông qua cơ chế hỗ trợ khối. Các khai báo hỗ trợ được sử dụng để tự động tạo các điều khiển giao diện người dùng cho khối trong trình chỉnh sửa. Chủ đề có thể sử dụng bất kỳ thuộc tính kiểu nào thông qua theme.json cho bất kỳ khối nào - chủ đề có trách nhiệm xác minh rằng nó hoạt động đúng theo đánh dấu khối, v.v.

	
{
    "version": 1,
    "styles": {
        "color": {
            "background": "value",
            "gradient": "value",
            "text": "value"
        },
        "spacing": {
            "margin": {
                "top": "value",
                "right": "value",
                "bottom": "value",
                "left": "value"
            },
            "padding": {
                "top": "value",
                "right": "value",
                "bottom": "value",
                "left": "value"
            }
        },
        "typography": {
            "fontSize": "value",
            "lineHeight": "value"
        },
        "elements": {
            "link": {
                "color": {},
                "spacing": {},
                "typography": {}
            },
            "h1": {},
            "h2": {},
            "h3": {},
            "h4": {},
            "h5": {},
            "h6": {}
        },
        "blocks": {
            "core/group": {
                "color": {},
                "spacing": {},
                "typography": {},
                "elements": {
                    "link": {},
                    "h1": {},
                    "h2": {},
                    "h3": {},
                    "h4": {},
                    "h5": {},
                    "h6": {}
                }
            },
            "etc": {}
        }
    }
}

Last updated