6 stycznia, 2021

Jak wyłączyć edytor Gutenberg w WordPress?

Aby wyłaczyć edytor wizualny Gutenberg oraz powiązane z nim pliki CSS (moimo tego, że nie używasz i tak sie chcą ładować na każdej podstronie serwisu) wystarczy kod tu przedstawiony wkleić do pliku functions.php aktywnie używanego tematu.

Wyłączanie Gutenberga:

// Disable Gutenberg editor
add_filter('use_block_editor_for_post_type', '__return_false', 10);
Wyłączanie  styli CSS Gutenberga (oznaczone sa jako WordPress core) oraz dodatkowych: WooCommerce oraz standardowego tematu WooCommerce – Storefront.
// Disable to load Gutenberg-related stylesheets
add_action( 'wp_enqueue_scripts', 'codebookPL_remove_block_css', 100 );
functioncodebookPL_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 (add only if you use WooCommerce)
wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme (add only if you use WooCommerce)
}
Połączony cały kod gotowy do skopiowania:
// Disable Gutenberg editor
add_filter('use_block_editor_for_post_type', '__return_false', 10);

// Disable to load Gutenberg-related stylesheets
add_action( 'wp_enqueue_scripts', 'codebookPL_remove_block_css', 100 );

function codebookPL_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 (add only if you use WooCommerce)
wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme (add only if you use WooCommerce)
}