Wordpress 中段落块的字体大小名称和默认值 theme.json

Question

我正在使用 theme.json 设置段落块的字体大小，就像这样...

...
"core/paragraph": {
    "typography": {
        "customFontSize": false,
        "customLineHeight": false,
        "dropCap": true,
        "fontSizes": [
            {
                "name": "Small",
                "slug": "small",
                "size": "clamp(14px, 1.25, 28px)"
            },
            {
                "name": "Medium",
                "slug": "medium",
                "size": "18px"
            }
        ]
    }
},
...

这很好用，当段落添加到页面时可以选择字体大小，但字体大小名称以整数形式出现，1 和 2：

当我将 small 的值更改为像 14px 这样的像素大小时，名称是没有 'px' 的像素大小：

两个问题：

如何设置有意义的字体大小名称以显示在编辑器边栏中？
如何设置预选的默认字体大小？

谢谢。

Answer 1

在您将“small”设置为 clamp(14px, 1.25, 28px) 的示例中，Font Size Picker 组件尝试将值转换为整数，但不幸的是，parseInt() 不喜欢“clamp”。相反，selected 字体大小的索引显示在 UI 中。如果您使用 px 或 em 大小，它将按预期显示整数值。

例如使用夹具

例如使用px

如果您设置的字体大小超过五种，该组件将呈现一个下拉列表/select 字体大小名称：

这可能是对“钳位”处理方式的疏忽，但 theme.json 也发生了很多变化，基于构建块的主题仍在开发中，因此这可能会改变..

在 WordPress 5.9.2 中测试，没有 Gutenberg 插件。

Wordpress 中段落块的字体大小名称和默认值 theme.json

Font size names and defaults from theme.json for paragraph blocks in Wordpress

wordpress

wordpress-gutenberg