Are you using the new Gutenberg editor in WordPress but not thrilled with the experience? One of the main complaints about Gutenberg is that it adds a bunch of bloat to your site in the form of extra CSS and JavaScript. In this post, we’ll show you how to remove Gutenberg block library CSS from WordPress.
If you’re not familiar with Gutenberg, it’s the new block-based editor that was introduced in WordPress 5.0. The idea behind Gutenberg is to make it easier for people to create beautiful pages and posts with blocks.
While Gutenberg does have some advantages, it also has its fair share of disadvantages. One of the biggest complaints about Gutenberg is that it adds a lot of extra CSS and JavaScript to your site. This can make your site slower and can cause conflicts with other plugins and themes.
And if you’re using plugins like “Classic Editor” on your site, you’re probably not even using Gutenberg! So why should you have to load an extra CSS file from “/wp-includes/css/dist/block-library/style.min.css” on your site?
Fortunately, there’s an easy way to remove this CSS file. All you need to do is add a few lines of code to your theme’s functions.php file.
Here’s the code that you need to add:
This code will remove the CSS file from loading on the front end of your site. If you want, you can also install a plugin like “Code Snippets” and add this code to a snippet.
And that’s all there is to it!
✍️ Author’s Note
If you want to completely disable Gutenberg on your site, you can do that with a plugin like “Disable Gutenberg.” This plugin will not only disable the Gutenberg editor, but it will also remove all the extra CSS and JavaScript that Gutenberg adds to your site.
We hope this post helped you learn how to remove Gutenberg block library CSS from WordPress. You might also want to check out our post on how to disable Gutenberg in WordPress.
If you like this post, please share it with your friends!
