Remove the Gutenberg Block Library CSS from WordPress (ok)

https://smartwp.com/remove-gutenberg-css/

The new WordPress editor Gutenberg which was included in WordPress 5.0 has been loathed by many WordPress users. Whether you’re a fan or not millions have been moved to the new WordPress editor.

If you’re addicted to making your WordPress site as fast as possible you may have noticed a bit of CSS from Gutenberg. Every request on your site will slightly slow down your pages so if you’re not using Gutenberg you’ll want to remove Gutenberg CSS.

This provides support to blocks but if you are using the classic editor you most likely don’t want it loading with your pages. I noticed the “block-library/style.min.css” file loading even though I exclusively use the classic editor.Block library style.min.css CSS loading on all WordPress pages

You can remove Gutenberg CSS by using the PHP below to dequeue the “/wp-includes/css/dist/block-library/style.min.css” file.

Note: If you are using Gutenberg editor do not add this to your site.

<?php
//Remove Gutenberg Block Library CSS from loading on the frontend
function smartwp_remove_wp_block_library_css(){
 wp_dequeue_style( 'wp-block-library' );
 wp_dequeue_style( 'wp-block-library-theme' );
}
add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css' );

This PHP will work in your functions.php file or being added using a plugin like Code Snippets.

view raw wp-remove-gutenberg-block-library-css.php hosted with ❤ by GitHub

If you ever decide to use the Gutenberg editor just remember to remove this snippet since it’ll affect your blocks.

Andy Feliciotti

Andy has been a full time WordPress developer for over 10 years. Through his years of experience has built 100s of sites and learned plenty of tricks along the way.

3 Responses

faruk yetkin says:September 22, 2019 at 7:52 am
// Alternative // Fully 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 }

Previouswp_is_mobile() (ok)Nextfunction tham khảo lấy trong aloshop (ok)

Last updated 4 years ago

<?php //Remove Gutenberg Block Library CSS from loading on the frontend function smartwp_remove_wp_block_library_css(){ wp_dequeue_style( 'wp-block-library' ); wp_dequeue_style( 'wp-block-library-theme' ); } add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css' );