Конфигурируем Gutenberg

Урок 10

  Получите бесплатный доступ к первым 3-м урокам курса, для этого зарегистрируйтесь или войдите.

Урок 10

Конфигурируем Gutenberg

В этом уроке мы сделаем так, что при редактировании записи / страницы в админке они будут выглядеть точно так же, как и на сайте!

К примеру мы немного заполнили пост, и на сайте он выглядит так:

Запись на сайте WordPress

А в админке, в конце этого урока, в редакторе Gutenberg он выглядит так!

Стилизация редактора Gutenberg в WordPress под дизайн вашей темы

Чувствуете?

  • Мы подключили шрифты – такие же, которые используются в нашей вёрстке.
  • Настроили размеры и межстрочные интервалы.
  • Стилизовали заголовки.
  • Стилизовали функционал «Буквицы» (это когда первая буква в абзаце большая).
  • Стилизовали блок цитаты, списки, ширину контента и т.д.

Разве не круто? А хотите посмотреть, как выглядел редактор Gutenberg до того, как мы его настроили? Для той же самой записи:

Редактор Gutenberg с дизайном по умолчанию

Причём для такой настройки Gutenberg под тему нам не нужно делать чего-то сверхсложного! Не придётся создавать блоки, изучать JavaScript и React. В конце концов – это же базовый курс по созданию темы 🙃

Купить курс
3500 ₽
  • 14 видеоуроков
  • Доступ ко всем материалам курса
  • Уроки обновляются в соответствии с последними изменениями WordPress
Ваш email будет использоваться только для регистрации на сайте. На него придёт письмо с логином и паролем. Войдите, если уже зарегистрированы.