У вас есть куча коротких кодов, которые вы хотели бы очень легко превратить в блоки? Вот пример плагина, показывающий, как повторно использовать ваши exisiting функции шорт-кода в блоке! https://t.co/bppHcumBlB
— Гари (@GaryPendergast) 29 июля 2018 г.
В первом файле показан основной пример того, как зарегистрировать блок с JavaScript и добавить элементы управления инспектора блока в боковую панель. Второй файл — это код PHP для плагина, который преобразует существующую логику шорт-кода в блок, который будет работать внутри нового редактора.
«Этот образец использует элемент ServerSideRender», сказал Пендергаст. «Очень важно помнить, что ServerSideRender является ступенькой к полному опыту редактирования блока: необходимость перезвонить на сервер для повторного рендеринга хуже UX, чем родной JS рендеринга. Используйте ServerSideRender, чтобы получить существующую функциональность готова к WordPress 5.0 сейчас, и планируйте поэтапное прекращение его с течением времени».
С WordPress 4.9.8 в «Попробуйте Гутенберг» callout не за горами, этот образец плагина может быть полезным для разработчиков, которые создали пользовательские плагины короткого кода для клиентов. Если вы не знаете, с чего начать, образец плагина Pendergast делает создание блока Гутенберга более доступным. Руководство Gutenberg имеет более подробную документацию для разработчиков, которые хотят улучшить свои блоки за пределами этого базового примера.
Оригинал: wptavern.com
