在 WordPress 编辑器中添加字体大小

Question

我正在使用自定义主题，在 WP 编辑器中唯一可用的版式尺寸是“S”

我正在尝试使用此 theme.json 向块按钮添加一个中等大小

{ "version": 2, "settings": { "blocks": { "core/button": { "typography": { "fontSizes": [ { "slug": "small", "size": "1rem", "name": "Small" }, { "slug": "medium", "size": "1.5rem", "name": "Medium" } ] } } } } }

然后我在编辑器中看到两种尺寸，但整个帖子的所有布局都消失了边距、字体系列等。

并且大小的变化不会反映在前端事件中按钮的字体大小显示为

has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }

我感觉我错过了一些东西。任何帮助将不胜感激。

谢谢！

Answer 1

我找到了一个解决方案。我没有使用 theme.json，而是添加了以下内容：

 add_theme_support(
    'editor-font-sizes',
    array(
        array(
            'name'      => __('Extra Small'),
            'shortName' => __('XS'),
            'size'      => 12.8,
            'slug'      => 'extrasmall'
        ),
        array(
            'name'      => __('Small'),
            'shortName' => __('S'),
            'size'      => 16,
            'slug'      => 'small'
        ),
        array(
            'name'      => __('Medium'),
            'shortName' => __('M',
            'size'      => 18,
            'slug'      => 'medium'
        ),
        array(
            'name'      => __('Large'),
            'shortName' => __('L'),
            'size'      => 24,
            'slug'      => 'large'
        )
    )
);