Bem-vindo ao meu guia definitivo para o Editor de Blocos do WordPress Gutenberg.
Neste novo tutorial do WordPress Gutenberg, vou te levar passo a passo pelos Blocos do WordPress Gutenberg e como usar o Editor do WordPress Gutenberg.
O que é o Editor de Blocos do WordPress Gutenberg?
Gutenberg é um codinome para um novo paradigma na construção e publicação de sites WordPress, que visa revolucionar toda a experiência de publicação assim como Gutenberg fez com a palavra impressa. O projeto está atualmente na segunda fase de um processo de quatro fases que tocará cada parte do WordPress - Edição, Personalização (que inclui Edição Completa do Site, Padrões de Blocos, Diretório de Blocos e temas baseados em Blocos), Colaboração e Multilíngue - e está focado em uma nova experiência de edição, o editor de blocos (que é o tema da documentação atual).
Os Blocos tratam Parágrafos, Títulos, Mídia e Embeds como componentes que, quando unidos, formam o conteúdo armazenado no banco de dados do WordPress, substituindo o conceito tradicional de texto livre com mídia incorporada e shortcodes. O novo editor é projetado com aprimoramento progressivo, o que significa que é compatível com todo o conteúdo legado, e também oferece um processo para tentar converter e dividir um bloco Clássico em blocos equivalentes usando análise do lado do cliente. Finalmente, os blocos oferecem controles de edição e formatação aprimorados.
O Editor oferece um novo valor rico aos usuários com ferramentas de criação visuais, arrastar e soltar, e poderosas melhorias para desenvolvedores com pacotes modernos de fornecedores, componentes reutilizáveis, APIs ricas e hooks para modificar e estender o editor através de Blocos Personalizados, Estilos de Blocos Personalizados e Plugins.
(fonte wordpress.org)
👉 Entre em contato comigo em: jamie@pootlepress.com
Cronograma
0:00 - Introdução
0:33 - O editor clássico vs o novo Editor de Blocos
1:33 - Gutenberg também é um plugin
2:00 - Tornando o Gutenberg mais fácil de trabalhar
2:45 - Onde encontrar configurações de página e postagens no Gutenberg
2:58 - A Biblioteca de Blocos do Gutenberg
3:15 - Como adicionar Blocos do Gutenberg
4:15 - Outra maneira de adicionar Blocos do Gutenberg
4:34 - Como personalizar Blocos do Gutenberg
5:20 - A Barra de Ferramentas do Gutenberg
6:31 - Visualização em Lista do Gutenberg e Breadcrumbs
7:11 - Blocos Simples e Blocos de Container
9:25 - Como trabalhar com Blocos Simples
10:40 - Como trabalhar com Blocos de Container
13:23 - Como deletar Blocos do Gutenberg
13:39 - Como deletar mais de um Bloco (de uma vez)
14:00 - Como mover Blocos do Gutenberg
14:37 - Como copiar conteúdo de página no Gutenberg
15:00 - Como adicionar ícones sociais ao Gutenberg
15:40 - Como adicionar um vídeo ao Gutenberg
16:50 - Como adicionar HTML ao Gutenberg
17:24 - Como alinhar botões no Gutenberg
17:52 - Como duplicar Blocos
18:36 - Como transformar Blocos em diferentes tipos de Blocos
19:00 - Transformar texto automaticamente em Colunas
19:25 - Como agrupar Blocos juntos
20:00 - Blocos reutilizáveis no Gutenberg
21:00 - Padrões de Blocos do Gutenberg
21:53 - Links de Salto no Gutenberg
23:18 - Adicionar CSS ao Gutenberg
24:00 - Visualização de código do WordPress Gutenberg
24:17 - Atalhos Úteis
24:41 - Opções de publicação
25:12 - Ocultar Blocos da Biblioteca de Blocos
25:35 - Plugins de Blocos do WordPress
26:11 - WooCommerce Gutenberg
26:36 - Temas de Blocos do Gutenberg
27:00 - Edição Completa do Site (FSE)
27:25 - Demonstração ao Vivo do Front End do Gutenberg