Custom (ok)

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

Ngoài việc tạo Thuộc tính tùy chỉnh CSS cho các giá trị đặt trước, theme.json cũng cho phép tạo các chủ đề của riêng chúng, vì vậy chúng không cần phải xếp hàng riêng. Mọi giá trị được khai báo trong trường tùy chỉnh sẽ được chuyển đổi thành Thuộc tính tùy chỉnh CSS theo giản đồ đặt tên sau: --wp--custom--<variable-name>.

{
    "version": 1,
    "settings": {
        "custom": {
            "baseFont": 16,
            "lineHeight": {
                "small": 1.2,
                "medium": 1.4,
                "large": 1.8
            }
        },
        "blocks": {
            "core/group": {
                "custom": {
                    "baseFont": 32
                }
            }
        }
    }
}

Out

body {
    --wp--custom--base-font: 16;
    --wp--custom--line-height--small: 1.2;
    --wp--custom--line-height--medium: 1.4;
    --wp--custom--line-height--large: 1.8;
}
.wp-block-group {
    --wp--custom--base-font: 32;
}

Last updated