Урок 1

Регистрация блока. registerBlockType()

В этом уроке мы создадим свой первый, пока что статичный блок, используя JavaScript, а именно – функцию registerBlockType().

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

Наш статичный блок пока что будет выглядеть вот так:

А в инсертере блоков он будет находиться под вкладкой «Основные блоки»:

Что ещё вас будет ждать в уроке:

• Расскажу, как добавлять блок в любую категорию блоков – «Основные блоки», «Форматирование», «Элементы разметки» и т.д.
• Научимся добавлять для блока произвольную иконку в векторном формате SVG.
• Надпись «Стоп, нельзя редактировать…» будет отображаться только при выделении блока!
• Покажу, как заполнять содержимое блока, используя HTML теги.

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

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