Criando o bloco

Please sign up for the course before starting the lesson.

O bloco que criaremos é bastante simples, ele exibirá um parágrafo com uma mensagem no editor, e uma mensagem diferente quando visualizado no site. Veja o código abaixo, em 9 linhas: Passo a passo no código, temos: Utilização da instrução import, do ESNext, para importar o módulo blocks, que será referenciado no script atual por registerBlockTypeInvocação da função registerBlockType, passando os dois parâmetros necessários para a criação de um bloco:O slug do bloco (string)A definição detalhada do bloco (objeto) O segundo parâmetro é basicamente onde todo o bloco é descrito, em um objeto composto com várias propriedades: título, ícone, categoria,…

Back to: Gutenberg – Criação de blocos > Primeiro bloco - Estático