Разработчики WordPress: узнайте, как конвертировать шорткоды в блоки Гутенберга

Участник Gutenberg Гэри Пендергаст опубликовал удобный пример плагина, который демонстрирует, как преобразовать функциональность шорткода в блок Gutenberg.

В первом файле показан базовый пример того, как зарегистрировать блок с помощью JavaScript и добавить элементы управления инспектором блоков на боковую панель. Второй файл – это PHP-код для плагина, который преобразует существующую логику шорткода в блок, который будет работать внутри нового редактора.

«В этом примере используется элемент ServerSideRender», – сказал Пендергаст. «Очень важно помнить, что ServerSideRender – это ступенька на пути к полному редактированию блока: необходимость обратного вызова на сервер для повторного рендеринга является худшим UX, чем родной JS-рендеринг. Используйте ServerSideRender, чтобы подготовить существующую функциональность для WordPress 5.0 прямо сейчас, и планируйте постепенно отказываться от нее ».

Этот пример плагина может быть полезен разработчикам, которые создали собственные плагины для шорткодов для клиентов, так как в WordPress 4.9.8 «Попробуй Gutenberg» не за горами . Если вы не знаете, с чего начать, образец плагина Пендергаста делает создание блоков Гутенберга более доступным. В справочнике Гутенберга есть более подробная документация для разработчиков, которые хотят улучшить свои блоки помимо этого базового примера.