Aprendendo a desenvolver software no ecossistema WordPress – parte III: anotações do curso “Beginner WordPress Developer” da plataforma WordPress.org – seção 7 – “An introduction to developing WordPress blocks”


A lição ensina como instalar Node.js e Npm como base de código para o desenvolvimento de blocos. O desenvolvimento por meio de blocos exige Javascript por meio do framework React para suas funcionalidades. Um ponto a ser estudado futuramente por aqui.
A lição recomenda dois recursos complementares de estudo: o handbook do editor de blocos e uma seção específica de introdução ao desenvolvimento de blocos. Recursos a estudar futuramente.



A diretório src é onde a maior parte do trabalho de desenvolvimento será realizado. A lição explica a estrutura dos demais diretórios e seu papel no desenvolvimento de blocos.

A próxima aula da lição vai para o processo de criação de um primeiro bloco mostrando alguns arquivos que precisam ser editados numa sequência de funcionalidades e parâmetros:
- Editar o arquivo principal PHP do bloco:
copyright-date-block.php– para atualizar o nome do pacote no cabeçalho e modificar o nome da função atribuída ao hook de inicialização; - Editar o arquivo block.json para alterar os metadados do bloco. Neste arquivo que você pode inclusive escolher o ícone do bloco segundo a biblioteca de ícones do Gutemberg;
- O arquivo index.js é o arquivo principal Javascript do bloco. No geral, ele será pouco editado pois sua função é registrar o bloco específico para o editar de blocos. Usa várias rotinas padronizadas que não precisam de ajuste;
- Uma vez as customizações feitas será necessário compilar para o build: npm run build ou npm run start – melhor opção para desenvolvimento ativo pois monitora os arquivos e já cria os builds em tempo real.
Para mais informações sobre os metadados em block.json, como trabalhar com Javascript no editor de blocos e mais informações sobre o ambiente de desenvolvimento de blocos.