Как отключить стандартные стили гутенберг в WordPress


Иногда нужно отключить стандартные стили, тк наша вёрстка предусматривает все нужные нам блоки, а стандартные стили WordPress только мешают.

Для отключения стандартных стилей для блоков gutenberg мы будем использовать хук – wp_enqueue_scripts.

function rb_deregister_styles() {

	wp_dequeue_style( 'wp-block-library' );
	wp_dequeue_style( 'wp-block-library-theme' );

}

add_action( 'wp_enqueue_scripts', 'rb_deregister_styles' );

По сути этим кодом мы отключаем 2 стиля:

  • название_сайта/wp-includes/css/dist/block-library/theme.min.css
  • название_сайта/wp-includes/css/dist/block-library/style.min.css

Если у вас установлен WooCommerce, то рекомендую также отключить файл стилей от WooCommerce. В итоге будет дополнительно отключен – wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-style.css

function rb_deregister_styles() {

	wp_dequeue_style( 'wp-block-library' );
	wp_dequeue_style( 'wp-block-library-theme' );
	wp_dequeue_style( 'wc-blocks-style' );
}

add_action( 'wp_enqueue_scripts', 'rb_deregister_styles' );