Добавление пользовательских полей (атрибутов) в стандартные блоки Gutenberg | WordPress

Используя всего три фильтра, мы добавим несколько пользовательских полей в основной блок «Кнопка» в WordPress, которые будут обновлять содержимое кнопки на лицевой стороне сайта. Мы воспользуемся небольшим количеством JavaScript, включая файлы WordPress/scripts и WordPress/components, а также новым классом WP_HTML_Tag_Processor в PHP. 🚨 Бесплатный видеокурс: 7 инструментов для современной разработки WordPress 🚨 👉 https://briancoords.com/7tools 👉 Код: https://github.com/bacoords/example-q... 👉 Фильтры блоков: https://developer.wordpress.org/block... 👉 SlotFill: https://developer.wordpress.org/block... 👉 Gutenberg Storybook: https://wordpress.github.io/gutenberg... 00:00:00 Введение 00:01:50 Создание структуры проекта с помощью WordPress/create-block 00:04:02 Использование хука addFilter для добавления пользовательских фильтров атрибуты 00:08:07 Добавление ресурсов редактора блоков в очередь 00:10:36 Создание нового компонента с помощью WordPress/components 00:12:40 Компоненты форм SelectControl и TextControl 00:14:28 Использование фильтра BlockEdit для добавления элементов в пользовательский интерфейс блока 00:17:47 Добавление условного поля TextControl 00:19:39 Рендеринг фильтра блоков PHP в WordPress 00:22:31 Использование HTML_Tag_Processor для изменения блоков 00:26:25 Итоговое резюме