Как исправить шрифт в редакторе Гутенберг

Интернет

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

Почему шрифт в редакторе Гутенберг отображается неправильно?

Чаще всего проблема проявляется в двух вариантах: шрифт внезапно становится слишком мелким или, наоборот, превращается в трудночитаемый засечный (serif).

Основные причины:

  • Обновление WordPress до версии 7.0 — в этой версии изменился подход к стилям редактора, и опция «Использовать стили темы» стала включена по умолчанию
  • Конфликт с темой — многие темы не полностью совместимы с новыми стандартами Гутенберга, особенно это касается тем, которые не используют theme.json
  • Конфликт с плагинами — особенно с плагинами кеширования, оптимизации или теми, которые добавляют свои CSS-стили в админку

Самый быстрый способ вернуть комфортный шрифт в редакторе — отключить опцию «Использовать стили темы» в настройках Гутенберга. Этот метод особенно актуален после обновления до WordPress 7.0, где данная опция стала включена по умолчанию .

Почему это работает

Начиная с WordPress 5.9, редактор Гутенберг получил возможность применять стили активной темы непосредственно в интерфейсе редактирования . Это сделано для того, чтобы редактор максимально соответствовал тому, как сайт выглядит на фронтенде .

Однако не все темы корректно передают свои стили в редактор. Особенно часто это проявляется у тем, которые не используют современный файл theme.json для глобального управления стилями . В результате вместо красивых шрифтов темы пользователь видит:

  • Слишком мелкий текст, который трудно читать 
  • Шрифт с засечками (serif) вместо привычного sans-serif 
  • Узкую колонку для текста 

Отключение опции «Использовать стили темы» возвращает редактор к стандартным стилям WordPress, которые гарантированно читаемы и привычны для большинства пользователей

Пошаговая инструкция

Откройте любую запись или страницу в редакторе Гутенберг (блочном редакторе)

Как исправить шрифт в редакторе Гутенберг

Нажмите на три точки (меню «Настройки») в правом верхнем углу экрана

Как исправить шрифт в редакторе Гутенберг

В выпадающем меню выберите пункт «Предпочтения» (Preferences)

Как исправить шрифт в редакторе Гутенберг

В открывшемся окне перейдите на вкладку «Внешний вид» (Appearance)

Как исправить шрифт в редакторе Гутенберг

Снимите галочку с опции «Использовать стили темы» (Use theme styles)

Как исправить шрифт в редакторе Гутенберг

Редактор мгновенно переключится на стандартные стили, и шрифт станет привычным.

Как исправить шрифт в редакторе Гутенберг

Отключение стилей темы влияет только на ваш интерфейс редактирования и никак не сказывается на том, как сайт видят посетители/

❓ Часто задаваемые вопросы

Вопрос: Отключение «Стилей темы» повлияет на то, как мой сайт выглядит для посетителей?

Ответ: Нет. Эта настройка влияет только на интерфейс редактора в административной панели. Посетители вашего сайта увидят сайт в том виде, в котором его настроила ваша тема .

Вопрос: Почему эта опция стала включена по умолчанию после обновления?

Ответ: Начиная с WordPress 5.9, разработчики внедрили механизм глобальных стилей (theme.json), чтобы редактор максимально точно отображал внешний вид темы . В WordPress 7.0 эта функция стала стандартной . Проблемы возникают, когда тема не полностью совместима с этой системой.

Вопрос: Нужно ли отключать стили темы для каждой записи отдельно?

Ответ: Нет. Настройка применяется глобально ко всему редактору. Достаточно сделать это один раз в любой записи, и изменение сохранится для всех .

Вопрос: Что делать, если после отключения стилей темы редактор всё равно выглядит странно?

Ответ: Попробуйте следующие шаги:

  1. Очистите кеш браузера или откройте редактор в режиме инкогнито 
  2. Временно отключите плагины кеширования и оптимизации 
  3. Проверьте, не конфликтует ли ваша тема с Гутенбергом (информацию можно найти на форуме поддержки вашей темы) 

Вопрос: Можно ли вернуть стили темы обратно?

Ответ: Да. Просто повторите те же шаги и снова включите опцию «Использовать стили темы» .


🚀 Рекомендация: курс Татьяны Черновой «Как сделать сайт на WordPress»

Если вы только начинаете свой путь в создании сайтов на WordPress или хотите систематизировать знания, обратите внимание на бесплатный курс Татьяны Черновой «Как сделать сайт на WordPress».

Татьяна Чернова — опытный специалист в области инфобизнеса, с 2007 года обучает созданию блогов и сайтов, подготовила более 30 обучающих курсов . Её подход ориентирован на новичков: никакого программирования, только практические шаги, которые можно выполнить за один день .

Что вы узнаете на курсе:

  • Как выбрать хостинг и зарегистрировать домен 
  • Как установить WordPress в один клик 
  • Как выбрать тему и настроить внешний вид сайта 
  • Как создавать первые статьи и публикации 
  • Как избежать типичных ошибок новичков 

Курс доступен бесплатно по ссылке: https://tatyanachernova1.ru/kak-sdelat-sajt/

Бесплатный курс "Как сделать сайт на WordPress"
Бесплатный курс «Как сделать сайт на WordPress»

Бонус: В блоге Татьяны Черновой также есть подробная пошаговая инструкция «Как создать сайт на WordPress с нуля в 2026 году», где разобраны все этапы создания сайта — от выбора хостинга до первой публикации .

Изучив курс и разобравшись с основами, вы сможете не только исправлять мелкие проблемы со шрифтами, но и уверенно управлять всем сайтом.

Поделиться с друзьями

Свою деятельность в инфобизнесе я веду с 2007-го года, обучаю людей созданию блогов, сайтов и слайд-шоу. За это время я подготовила и записала уже больше 30 как платных, так и бесплатных обучающих курсов. Помогаю перейти на удаленную работу и начать зарабатывать, даже если у вас нет опыта и технических навыков. Мои курсы и тренинги.

Оцените автора
Блог Татьяны Черновой
Добавить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.