Wordpress Gutenberg FSE 烦人的内联 CSS

Answer 1

blockGap 功能，

var( --wp--style--block-gap );

默认情况下未启用。如果您在 theme.json 中启用了 blockGap 或 AppearanceTools，您可以通过将其设置为 null 来再次禁用它：

主题.json：

{
    "version": 2,
    "settings": {
        "spacing": {
            "blockGap": null
        }
    }
}

查看 theme.json 参考： https://developer.wordpress.org/block-editor/reference-guides/theme-json-reference/theme-json-living/#spacing

如果要删除

wp-container-random

以及生成的对齐方式、边距和 Flex 样式，可以禁用布局功能。 将其添加到您的主题functions.php或类似内容中：

remove_filter( 'render_block', 'wp_render_layout_support_flag', 10, 2 );

如果您激活了古腾堡：

remove_filter( 'render_block', 'gutenberg_render_layout_support_flag', 10, 2 );

wp_render_layout_support_flag 的来源：https://github.com/WordPress/WordPress/blob/master/wp-includes/block-supports/layout.php#L142

Answer 2

在 WordPress 6.1 中，添加了一个新的主题支持选项，允许开发人员选择退出这些结构布局样式。

// Disable structural layout styles.

add_theme_support( 'disable-layout-styles' );

@link https://make.wordpress.org/core/2022/10/10/updated-editor-layout-support-in-6-1-after-refactor/

我发现前面的答案的解决方案大部分有效，但也从我确实想要的标记中删除了一些类，例如对齐类（例如

.is-content-justification-center

）。