删除古腾堡 CSS

Question

我在 WordPress v4.9.8 中安装了 Gutenberg 插件，并试图删除它附带的 CSS，以便我可以提供自己的 CSS。

这是包含在内的工作表：

 <link rel='stylesheet' id='wp-block-library-css'  href='/wp-content/plugins/gutenberg/build/block-library/style.css?ver=1535795173' type='text/css' media='all' />

我尝试了以下方法：

 add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library-css' );
    wp_deregister_style( 'wp-block-library-css' );
}

以及这种变化，但文件仍然存在。我怎样才能删除它？

原文由 Matt Saunders 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我将此添加为比我的评论更完整的答案：

尝试使脚本出队时，您需要删除 -css 。这被添加到 HTML 标记中，而不是 css 文件的实际标记中。

如果您搜索代码（随着 Gutenberg 进入核心，队列的位置可能会发生变化），您可以找到：

 wp_enqueue_style( 'wp-block-library' );

如您所见，没有 -css 。此解决方案可能适用于人们无法将样式出列的其他插件。

编辑： 由于这仍然有一些吸引力，这里是处理它的代码：

 add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}

原文由 disinfor 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

以上答案都没有删除 块编辑器中的 所有 样式，以下对我有用：

   add_action( 'admin_print_styles', function() {
    global $wp_styles;
    $stylesToRemove = ["wp-reset-editor-styles", "wp-format-library", "wp-block-library", "wp-block-library-theme", "wp-block-directory", "wp-edit-blocks"];
    foreach ($stylesToRemove as $styleToRemove) {
      foreach ($wp_styles->registered as $style) {
        $dep = array_search($styleToRemove, $style->deps);
        if ($dep !== false) {
          unset($style->deps[$dep]);
        }
      }
      wp_deregister_style($styleToRemove);
    }
  }, 1 );

原文由 corbin-c 发布，翻译遵循 CC BY-SA 4.0 许可协议