Добро пожаловать на курс по созданию «сайдбаров» для мета полей в Gutenberg

До прихода Gutenberg, метабоксы выглядели так

На скриншоте довольно простой метабокс для настроек SEO, который я использовал на всех своих сайтах, потому что не хотел устанавливать тяжеловесные SEO-плагины.

В Gutenberg на смену им пришли «сайдбары»

Только давайте не путать их с боковыми колонками на сайте 🙃 Вот пример тех же самых настроек SEO в виде сайдбара Gutenberg:

Что будет на курсе?

• Прежде всего я покажу вам, как настроить Webpack (без воды), для того, чтобы писать код на JSX.
• Создадим сайдбар, добавим туда несколько полей.
• Научимся разделять поля в сайдбаре по секциям (в виде аккордеона).
• Рассмотрим разные типы полей: текстовые, селекты/радио, чекбоксы/тогглы и т.д.

Список уроков

• Вступление04:14
• Настройка Webpack / Babel21:22
• Сайдбары / панели12:47
• Компоненты полей09:05
• Получение / Сохранение значений14:55
• PluginDocumentSettingPanel06:05