Как отключить файлы стилей Gutenberg на сайте

Дело в том, что сейчас WordPress стал подключать на страницы вашего сайта парочку файлов стилей, относящихся к редактору Gutenberg, причём эти файлы подключаются, даже если у вас активен плагин Classic Editor.

Другая ситуация, если вы стилизовали блоки на фронтенде сами (как я), то эти файлы вам тоже в общем-то не понадобятся.

Поэтому в этом уроке мы будем их отключать.

Но прежде, чем начнём, рекомендую мой видеокурс по разработке блока Gutenberg.

По поводу отключения файлов CSS и JS, подключенных сторонними плагинами я недавно уже публиковал урок. Тут принцип абсолютно тот же. ID этих файлов – wp-block-library и wp-block-library-theme.

add_filter( 'wp_enqueue_scripts', 'true_dequeue_gutenberg_styles', 999 );
 
function true_dequeue_gutenberg_styles() {
 
	wp_dequeue_style( 'wp-block-library' );
	wp_dequeue_style( 'wp-block-library-theme' );
	wp_dequeue_style( 'global-styles' ); // глобальные CSS-переменные
 
}

Не знаете, куда вставлять код? Тогда почитайте этот урок. Кроме того, обратите внимание на приоритет 999 – он очень важен, если приоритет будет со слишком маленьким значением, то код может не сработать.

Также в качестве бонуса вот строчка кода, отключающая файл стилей отнощяйся туда же от WooCommerce:

wp_dequeue_style( 'wc-block-style' );

И для темы Storefront:

wp_dequeue_style( 'storefront-gutenberg-blocks' );

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.