Elementor – это популярный плагин для создания страниц с возможностью перетаскивания для WordPress, который позволяет пользователям создавать красивые веб-сайты без каких-либо знаний в области программирования. Хотя сам Elementor хорошо оптимизирован, редактор Gutenberg по умолчанию в WordPress иногда может замедлять работу веб-сайта из-за излишней загрузки стилей CSS. В этой статье мы рассмотрим различные способы отключения Gutenberg CSS и повышения скорости вашего веб-сайта WordPress на базе Elementor.

Метод 1: использование плагина
Один из самых простых способов отключить Gutenberg CSS — использовать специальный плагин. Следующие шаги демонстрируют, как этого добиться с помощью плагина «Отключить Гутенберг»:

1. Установите и активируйте плагин «Отключить Гутенберг» из репозитория плагинов WordPress.
2. Перейдите в «Настройки» ->«Отключить Гутенберг» на панели управления WordPress.
3. Включите параметр «Отключить Gutenberg CSS» и сохраните изменения.
4. Удалите все установленные плагины кеширования и проверьте интерфейс вашего веб-сайта, чтобы убедиться, что стили Гутенберга больше не загружаются.

Метод 2: фрагмент кода в файле Functions.php
Если вы предпочитаете избегать использования дополнительных плагинов, вы можете добиться того же результата, добавив фрагмент кода в файл functions.phpвашей темы. Вот пример:

function disable_gutenberg_css() {
    wp_dequeue_style('wp-block-library'); // Disable Gutenberg CSS
}
add_action('wp_enqueue_scripts', 'disable_gutenberg_css', 100);

Просто добавьте этот код в файл functions.phpвашей темы, сохраните изменения и очистите все установленные плагины кэширования. Это предотвратит загрузку CSS Gutenberg и повысит производительность вашего сайта.

Метод 3: использование дочерней темы
Другой подход — создать дочернюю тему и переопределить очередь CSS Гутенберга. Выполните следующие действия:

1. Создайте новую папку в каталоге wp-content/themes/и назовите ее как дочернюю тему (например, my-child-theme).
2. В папке дочерней темы создайте новый файл с именем functions.php.
3. Добавьте следующий код в файл functions.php:

function enqueue_child_theme_styles() {
    wp_dequeue_style('wp-block-library'); // Disable Gutenberg CSS
    wp_enqueue_style('child-theme-style', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'enqueue_child_theme_styles', 11);

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

Следуя упомянутым выше методам, вы можете эффективно отключить Gutenberg CSS и повысить скорость вашего веб-сайта WordPress на базе Elementor. Независимо от того, решите ли вы использовать плагин, изменить файл functions.phpили создать дочернюю тему, цель состоит в том, чтобы исключить ненужные стили CSS и оптимизировать производительность вашего веб-сайта.

Не забывайте регулярно проверять скорость и производительность вашего веб-сайта с помощью таких инструментов, как Google PageSpeed ​​Insights или GTmetrix, чтобы убедиться в эффективности оптимизации.