Dalton Martins

Docente e pesquisador na Faculdade de Ciência da Informação da Universidade de Brasília (UnB)

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.

Deixe um comentário

Your email address will not be published. Required fields are marked *.

*
*