Desenvolvimento de Blocos do WordPress Gutenberg com React JS e PHP

Domine o Desenvolvimento de Blocos do WordPress Gutenberg com React e PHP

Neste curso, você aprenderá como construir uma biblioteca de blocos personalizados do WordPress Gutenberg usando ReactJS e PHP. Ao longo do curso, estaremos trabalhando em um projeto chamado Blockylicious - uma biblioteca de blocos do WordPress completamente personalizada construída com React e PHP. Abordaremos o desenvolvimento de 5 blocos personalizados diferentes do WordPress:

1. Curvy:

Quebre o molde com divisores de forma curva esteticamente agradáveis. Eleve a separação do seu conteúdo com estilo.

2. Piccy Gallery & Piccy Image:

Crie galerias de imagens interativas que envolvam e encantem os visitantes do seu site.

3. Clicky Group & Clicky Button:

Eleve o seu jogo de chamada para ação com grupos de botões dinâmicos que se vinculam diretamente a páginas específicas, não apenas URLs. Ao longo do curso, você aprenderá o seguinte: - React dentro do WordPress: Entenda a fusão da arquitetura baseada em componentes do React dentro do editor Gutenberg para a criação perfeita de blocos. - Blocos Estáticos vs. Dinâmicos: Aprofunde-se nas nuances e entenda por que os blocos dinâmicos frequentemente ganham. - Elementos Essenciais do Bloco Personalizado: Explore dados de blocos personalizados, painéis laterais, recuperação de dados de postagem, barras de ferramentas personalizadas e aproveite as barras de ferramentas e recursos nativos do WordPress. - Variações de Blocos: Crie designs variados como Curvy, Curvy top e Curvy bottom. - Transformações de Blocos: Domine a arte de transformar parágrafos de texto regulares em blocos Curvy ricos em recursos usando componentes React. - Metadados do Bloco Personalizado: Personalize seus blocos com ícones personalizados, categorias e muito mais. - Renderização de Blocos Internos: Aprofunde-se na mecânica da renderização eficiente de blocos internos com React. - Restrição de Blocos: Aprenda a arte de definir quais blocos se encaixam onde, como garantir que os blocos Clicky Button sirvam exclusivamente como filhos dos blocos Clicky Group. - Blocos Interativos: Aproveite o poder do JavaScript e do React para criar blocos dinâmicos que interagem e respondem. - Pré-visualizações de Blocos: Experimente as pré-visualizações de blocos utilizando o exemplo em block.json. - Técnicas de Estilização: Aprofunde-se em diferentes estratégias de estilização de blocos, desde folhas de estilo, atributos de block.json até elementos de theme.json. Transforme seus designs e funcionalidades do WordPress usando blocos Gutenberg personalizados aprimorados por React e PHP. Matricule-se hoje mesmo e molde o futuro dos seus sites!

O que você aprenderá

- Construir uma biblioteca de blocos personalizados completa do WordPress - Aprender a diferença entre blocos estáticos e dinâmicos do WordPress - Criar personalizações e recursos infinitos de blocos do WordPress com React - Aprender variações de blocos e transformar blocos do WordPress em outros blocos - Carregar dados do WordPress dentro de blocos - Aprender diferentes técnicas de estilização para blocos do WordPress - Construir uma interface dinâmica de bloco com PHP e JavaScript