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

Gutenberg — это редактор по умолчанию в WordPress, который автоматически добавляет CSS-файл для управления стилями блоков на фронтенде. Хотя этот файл может быть полезен, если вы не используете Gutenberg или хотите оптимизировать загрузку вашего сайта, вы можете удалить этот дополнительный файл стилей. Как отключить стили для блоков Гутенберг в WordPress?

<link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />

Почему стоит отключить стили блоков Гутенберг?

Если вы не планируете использовать блоки Гутенберг, то загрузка стилей, которые вам не нужны, может негативно сказаться на производительности вашего сайта. Удалив эти стили, вы можете уменьшить количество запросов к серверу, что, в свою очередь, поможет ускорить загрузку страницы.

Удаление стилей блоков Гутенберга

Чтобы отключить стили блоков Гутенберг, добавьте следующий PHP-код в файл functions.php вашей темы или в специальный плагин:

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

Этот код выполняет следующие действия:

1. Функция remove_block_library_css: Эта функция вызывает wp_dequeue_style для удаления стилей блока Gutenberg, используя их уникальный идентификатор 'wp-block-library'.
2. Хук add_action: Связывает вашу функцию с событием wp_enqueue_scripts, которое вызывается при загрузке скриптов и стилей на сайте. Это гарантирует, что стили будут отключены до того, как они будут загружены.

Удаление стилей отдельных блоков Гутенберга

Кроме того, вы можете удалить стили конкретных блоков, задав их слаг (slug). Это полезно, если вы хотите отключить стили для определенных элементов, но оставить другие стили активными.

Пример кода для удаления стилей определенного блока:

function remove_specific_block_css() {
    wp_dequeue_style( 'wp-block-name' ); // Замените 'wp-block-name' на слаг вашего блока
}
add_action( 'wp_enqueue_scripts', 'remove_specific_block_css' );

Просто замените wp-block-name на слаг блока, стили которого вы хотите отключить. Вы можете найти слаг блока в исходном коде темы.

Заключение

Удаление стилей Гутенберга может значительно ускорить загрузку вашего сайта, особенно если вы не используете его функциональность. С помощью приведенных выше методов вы можете легко управлять загрузкой стилей как для всех блоков, так и для отдельных элементов. Это позволит вам оптимизировать производительность и улучшить пользовательский опыт на вашем сайте.

Автор: Александр Сокирка

Занимаюсь веб разработкой с 2007 года. Имею большой опыт в веб-дизайне и разработке сайтов. Являюсь автором YouTube канала Быть Программистом. Основатель бренда Aletheme и автор тем для WordPress на маркетплэйсе Envato. С 2017 года занимаюсь обучением людей желающим стать программистами. Мои обучающие программы можно найти на этом сайте или на Udemy.