删除Gutenberg CSS

9 浏览
0 Comments

删除Gutenberg CSS

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

这是被包含的样式表：

我尝试了以下方法：

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

以及类似的变体，但该文件仍然存在。我该如何删除它？

0

3 答案

0 Comments

问题的原因是用户在使用WordPress 5.1版本时，尝试了高赞的答案，但没有起作用。解决方法是使用'wp_enqueue_scripts'代替'wp_print_styles'。以下是整个解决方案的代码：

// 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和Storefront主题添加的样式表，我将其作为我新插件的一个设置选项。你可以在这里找到我的插件：[https://wordpress.org/plugins/extra-settings-for-woocommerce/](https://wordpress.org/plugins/extra-settings-for-woocommerce/)

0
0 Comments

问题：Remove Gutenberg CSS的出现原因以及解决方法

在使用WordPress时，有时我们希望移除默认的样式，特别是在使用Gutenberg编辑器时。下面的代码可以帮助我们实现这一目标：

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

这段代码可以通过取消注册名为'wp-block-library'的样式来移除Gutenberg编辑器的CSS样式。这样一来，我们就能够自定义前端页面的样式，而不受Gutenberg编辑器的默认样式影响。

这段代码被认为是最佳答案，因此被接受的答案的作者将其复制到了他的答案中。

以上就是关于问题"Remove Gutenberg CSS"的出现原因以及解决方法的整理。通过使用上述代码，我们可以轻松地移除Gutenberg编辑器的CSS样式，以便更好地定制前端页面的样式。

0
0 Comments

问题：Remove Gutenberg CSS

原因：需要删除“-css”以解除脚本的排队。这是添加到HTML标记中的，而不是实际的css文件标签。

解决方法：

1. 搜索代码（随着Gutenberg被合并到核心中，排队的位置可能会改变），可以找到以下内容：

   wp_enqueue_style( 'wp-block-library' );

如你所见，没有“-css”。这个解决方法可能适用于其他人在取消排队样式上遇到问题的插件。

2. 下面是处理该问题的代码：

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

以上是关于“Remove Gutenberg CSS”问题的原因和解决方法的整理。

0