[How To] Remove Block Library CSS from WordPress

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ. Các bạn đi ngang nếu được cho Lâm 1 like và 1 đăng ký kênh Youtube nhé !!

Gutenberg editor, that is the default editor for latest WordPress installations, uses special CSS libraries to manage blocks on your site’s frontend. If you are using this new WP editor, it will automatically add this library CSS code on your site;

<link rel='stylesheet' id='wp-block-library-css'  href='https://nextseasontv.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />

1	<link rel='stylesheet' id='wp-block-library-css' href='https://nextseasontv.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />

But, if you are not using Gutenberg blocks in any way, you can use the following snippet to remove this extra stylesheet from your theme;

function wpassist_remove_block_library_css(){
    wp_dequeue_style( 'wp-block-library' );
} 
add_action( 'wp_enqueue_scripts', 'wpassist_remove_block_library_css' );

function wpassist_remove_block_library_css(){

wp_dequeue_style( 'wp-block-library' );

}

add_action( 'wp_enqueue_scripts', 'wpassist_remove_block_library_css' );

I know this is only one less request on your server, but if you are aiming for 5000 users a day, it is 150k fewer requests a month 🙂

If you love building up with WordPress, you will love our plugins, too. Check them out here!

Site map

Facebook Fanpage