Урок 4

Панель настроек блока InspectorControls

В этом видеоуроке я покажу, как для вашего блока Gutenberg добавить панель настроек, на примере разберём разные типы полей, кроме того, попробуем добавить несколько аккордеон-вкладок.

Для того, чтобы скачать готовый код этого урока, нужно приобрести курс.

По сути мы добавим две аккордеон-панели для настроек: в первой будет отображаться тогл (или чекбокс), который будет включать / выключать отображение всех ссылок на соц сети, а во второй будут непосредственно текстовые поля для заполнения имени пользователя в каждой из соц сетей.

Ну и разумеется, если какая-то определённая соц сеть не заполнена, ссылка на неё тоже не будет выводиться.

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

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

• Вступление05:03
• registerBlockType14:52
• CSS блока05:08
• RichText18:58
• InspectorControls16:43
• Изображения в блоке07:14
• Вариации стилей05:29
• Палитра цветов06:19