Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Создание плагинов блоков для WordPress с помощью Node.js


Создание плагинов блоков для WordPress с помощью Node.js


Чтобы создать блочные плагины для WordPress с помощью Node.js, выполните следующие действия:

1. Установите Node.js и npm:
– Убедитесь, что на вашем компьютере установлен Node.js. Если нет, загрузите и установите его с официального сайта Node.js[1][2].

2. Настройте плагин стартового блока:
- Перейдите в каталог `wp-content/plugins` вашей локальной установки разработки. Затем запустите команду npx @wordpress/create-block, чтобы создать плагин блока. Эта команда генерирует весь необходимый код для запуска проекта и интегрирует современную настройку сборки JavaScript без необходимости настройки[3][4].

3. Настройте плагин блокировки:
- Команда `create-block` шаг за шагом запрашивает ввод данных. Вы также можете использовать режим быстрого запуска для передачи определенных параметров непосредственно в командной строке, устраняя необходимость в интерактивных подсказках[4].

4. Создайте и запустите плагин блока:
- Запустите npm start, чтобы запустить сервер разработки и автоматически перестроить блок при обнаружении любого изменения кода. Когда вы будете готовы развернуть свой блок, используйте npm run build, чтобы оптимизировать свой код и подготовить его к работе[4].

5. Интеграция с WordPress:
- Активируйте созданный плагин в WordPress. Это сделает блок доступным в редакторе[4].

6. Настройка и расширение блока:
- Измените шаблонный код, чтобы настроить и расширить блок по мере необходимости. Это предполагает использование современного JavaScript (ESNext и JSX) и использование пакета wp-scripts для задач сборки и проверки[4].

Следуя этим шагам, вы сможете создавать плагины пользовательских блоков для WordPress и управлять ими с помощью Node.js и пакета @wordpress/create-block.

Цитаты:
[1] https://wpdevelopment.courses/articles/wordpress-create-block/
[2] https://kinsta.com/courses/gutenberg-block-development/setting-up-a-block-plugin/
[3] https://www.npmjs.com/package/%40wordpress/create-block
[4] https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-create-block/
[5] https://www.youtube.com/watch?v=-aa4F4Dn9GY