删除Gutenberg CSS

Question

我有古腾堡插件安装在WordPress v4.9.8，并试图删除它附带的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' );
}

以及这方面的变化，但文件仍然存在。我怎么才能把它移除？

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' );
}

Answer 2

我将使用此代码删除默认样式。

//Disable gutenberg style in Front
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );

Answer 3

我使用Wordpress 5.1。尝试了最不正确的答案，但他们没有对我有效，'wp_enqueue_scripts'而不是'wp_print_styles'做了这方面的工作。

下面是我的整个WordPress 5.1解决方案，以摆脱古腾堡而无需加载臃肿的样式表：

// Disable Gutenberg editor.
add_filter('use_block_editor_for_post_type', '__return_false', 10);
// Don't load Gutenberg-related stylesheets.
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function remove_block_css() {
    wp_dequeue_style( 'wp-block-library' ); // Wordpress core
    wp_dequeue_style( 'wp-block-library-theme' ); // Wordpress core
    wp_dequeue_style( 'wc-block-style' ); // WooCommerce
    wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme
}

编辑：

它也适用于WordPress 5.2，因为它处理由WooCommerce和商店主题添加的样式表，所以我在我的新插件中设置了这个设置：

https://wordpress.org/plugins/extra-settings-for-woocommerce/