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

Метод 1: использование специального плагина CSS
Один из самых простых способов удалить стили Гутенберга — использовать собственный плагин CSS. Эти плагины позволяют вам добавлять собственный CSS-код на ваш сайт WordPress без непосредственного изменения файлов вашей темы. Вот пример использования плагина Simple Custom CSS:

1. Установите и активируйте плагин «Simple Custom CSS» из репозитория WordPress.
2. Перейдите в «Внешний вид» ->«Пользовательский CSS» на панели управления WordPress.
3. Добавьте следующий код CSS в пользовательский редактор CSS:

   /* Remove Gutenberg styles */
   .wp-block {
   all: unset !important;
   }

4. Сохраните изменения, и стили Гутенберга будут удалены с вашего сайта.

Метод 2: использование дочерней темы
Если вы предпочитаете не использовать плагин, вы можете удалить стили Гутенберга, создав дочернюю тему и переопределив стили. Вот пример:

1. Создайте новый каталог в папке тем WordPress и назовите его, например, «my-child-theme».
2. В новом каталоге создайте файл с именем «style.css» и добавьте следующий код:

   /* Remove Gutenberg styles */
   .wp-block {
   all: unset !important;
   }

3. Создайте файл «functions.php» в каталоге дочерней темы и добавьте следующий код:

   <?php
   add_action('wp_enqueue_scripts', 'enqueue_child_theme_styles');
   function enqueue_child_theme_styles()
   {
   wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
   }

4. Активируйте дочернюю тему на панели управления WordPress, и стили Гутенберга будут удалены.

Метод 3: настройка таблицы стилей темы
Если вам удобно изменять файлы темы напрямую, вы можете удалить стили Гутенберга, отредактировав таблицу стилей темы. Вот пример:

1. Подключитесь к своему веб-сайту с помощью FTP или войдите в файловый менеджер на панели управления хостингом.
2. Найдите файл таблицы стилей темы, обычно называемый «style.css», и загрузите резервную копию.
3. Откройте файл таблицы стилей в текстовом редакторе и добавьте в конец следующий код:

   /* Remove Gutenberg styles */
   .wp-block {
   all: unset !important;
   }

4. Сохраните файл и загрузите его обратно на сервер, заменив исходную таблицу стилей.
5. Очистите все плагины кеширования или кэш сервера, чтобы изменения вступили в силу.

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