Удалить Гутенберг CSS

Question

У меня установлен плагин Gutenberg в WordPress v4.9.8, и я пытаюсь удалить прилагаемый к нему CSS, чтобы я мог предоставить свой собственный.

Это лист, который включается:

<link rel='stylesheet' id='wp-block-library-css'  href='/wp-content/plugins/gutenberg/build/block-library/style.css?ver=1535795173' type='text/css' media='all' />

Я пробовал следующее:

add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library-css' );
    wp_deregister_style( 'wp-block-library-css' );
}

Как и варианты этого, но файл сохраняется.Как я могу удалить это?

Answer 1

Я использую Wordpress 5.1. Попробовал ответы с наибольшим количеством голосов, и они не сработали для меня, 'wp_enqueue_scripts' вместо 'wp_print_styles' добивается цели.

Вот мое полное решение WordPress 5.1, позволяющее избавиться от Гутенберга без раздувания загрузки таблиц стилей:

// Disable Gutenberg editor.
add_filter('use_block_editor_for_post_type', '__return_false', 10);
// Don't load Gutenberg-related stylesheets.
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function 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
    wp_dequeue_style( 'storefront-gutenberg-blocks' ); // Storefront theme
}

Answer 2

Поскольку wp_dequeue_style-подход не работал для отключения wp-editor-font (wp-editor-font-css) Я использовал следующий код:

function my_remove_gutenberg_styles($translation, $text, $context, $domain)
{
    if($context != 'Google Font Name and Variants' || $text != 'Noto Serif:400,400i,700,700i') {
        return $translation;
    }
    return 'off';
}
add_filter( 'gettext_with_context', 'my_remove_gutenberg_styles',10, 4);

Также см.https://github.com/dimadin/disable-google-fonts/blob/master/disable-google-fonts.php

Answer 3

Вам нужно будет поместить этот код в файл functions.php, который обычно находится в папке вашей темы.

function wp_dequeue_gutenberg_styles() {
wp_dequeue_style( ‘wp-block-library’ );
wp_dequeue_style( ‘wp-block-library-theme’ );
}
add_action( ‘wp_print_styles’, ‘wp_dequeue_gutenberg_styles’, 100 );

Answer 4

Вставьте следующий код в файл functions.php

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

Пожалуйста, если это вам помогло.

Answer 5

Я использую этот код для удаления стиля по умолчанию.

//Disable gutenberg style in Front
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );

Answer 6

Поскольку последнее обновление Гутенберга было выпущено недавно, многие люди задаются вопросом, как удалить wp-block-library из WordPress . Как показано в руководстве, ниже вам нужно указать 100 в вашей add_action.

Во-первых, вы должны создать функцию, которая содержит ваш wp_dequeue_style для wp-block-library, а затем вызвать ее так:

add_action( 'wp_enqueue_scripts', 'custom_function', 100 );

Answer 7

add_action('wp_enqueue_scripts', 'wps_deregister_styles', 200);

У меня работает.

Answer 8

Я добавляю это как более полный ответ, чем мой комментарий:

Вам необходимо удалить -css при попытке удалить сценарий из очереди. Это добавлено в разметку HTML, а не фактический тег для файла CSS.

Если вы выполните поиск кода (местоположение очереди может измениться, когда Гутенберг попадет в ядро), вы можете найти:

wp_enqueue_style( 'wp-block-library' );

Как видите, -css нет. Это решение может работать для других плагинов, из-за которых у людей возникают проблемы с удалением стилей.

Изменить: Так как это все еще получает некоторую тягу, вот код для обработки:

add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
}