Блоки

Цель этого руководства — пройтись по основам создания нового типа блока. Начиная с простейшего возможного примера, каждый новый раздел будет постепенно основываться на последнем, чтобы включать больше общих функций, которые могут потребоваться при реализации ваших собственных типов блоков.

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

Фрагменты кода предоставляются как для «классического» JavaScript (ECMAScript 5, или «ES5»), так и для более новых версий стандарта языка (ES2015 и новее, или «ESNext»). Вы можете переключаться между ними, используя вкладки над каждым примером кода. При выборе создания блоков с помощью ESNext вам потребуется шаг сборки для поддержки старых браузеров. Обратите внимание, что нет необходимости использовать ESNext для создания нового блока, и вы можете использовать классический JavaScript, если вы того пожелаете.