Seu guia definitivo para usar o próximo editor WordPress Gutenberg

Em algum momento nos próximos meses, a maneira como você cria conteúdo com o WordPress mudará radicalmente. O atual editor de texto que você usa há anos irá embora, substituído pelo novo WordPress Gutenberg Editor.

Uma grande mudança como essa provavelmente está soando alguns alarmes em sua cabeça ...

Seus fluxos de trabalho serão interrompidos? Seus plug-ins e temas atuais continuarão funcionando? Como você pode continuar criando ótimo conteúdo com este novo editor?

Neste post, você aprenderá as respostas a essas perguntas e muito mais .

Este é o guia do Editor Gutenberg WordPress definitivo para qualquer pessoa que cria conteúdo com WordPress.

Você vai aprender:

1. O que é o WordPress Gutenberg Editor, por que / quando ele será lançado e as respostas a algumas perguntas frequentes básicas.
2. Como você pode imitar a funcionalidade do editor atual e criar uma postagem de blog básica com Gutenberg.
3. Algumas dicas pouco conhecidas para trabalhar de forma mais produtiva com Gutenberg (com base em minha experiência prática de usá-lo em um site ao vivo ).
4. Como aproveitar os novos recursos do Gutenberg para se beneficiar do conteúdo e da funcionalidade de layout aos quais você nunca teve acesso antes.

Este novo editor está chegando, não importa o que aconteça, então dedique algum tempo para se familiarizar com o Editor do WordPress Gutenberg para que você esteja pronto para começar a correr assim que for lançado!

O que é o Editor de Gutenberg e por que você deve se importar

O Gutenberg Editor é uma reimaginação completa do editor de texto WordPress atual que você usa para criar postagens ou páginas com o WordPress.

Eu digo reimaginação ao invés de redesenho porque é realmente reconstruir a experiência de edição do zero .

Assim que o desenvolvimento estiver completo, o Gutenberg substituirá o editor de texto WordPress atual e você usará o Editor do Gutenberg para criar conteúdo no futuro ( embora você tenha opções se quiser manter a experiência atual - mais sobre isso mais tarde ).

Então, o que torna o Editor de Gutenberg uma “reimaginação completa”?

Primeiro, vamos começar com uma atualização do que quero dizer com “editor WordPress”. Se você não tem certeza do que estou falando, esta é a aparência do atual editor TinyMCE do WordPress :

Se você usa o Wordable para publicar postagens do WordPress direto do Google Docs, talvez não passe muito tempo lá! Mas aposto que ainda há uma boa chance de você estar bem familiarizado com o funcionamento do editor.

O editor de Gutenberg apresenta algo chamado de “blocos”

O atual editor de texto do WordPress é como um longo documento do Microsoft Word. Gutenberg muda essa dinâmica com algo chamado de blocos .

Em vez de um único campo de edição, cada “coisa” em Gutenberg é seu próprio “bloco”. Se você já escreveu um post com o Medium - é a mesma ideia .

Por exemplo:

• Cada parágrafo de texto é seu próprio bloco separado.
• Uma imagem é seu próprio bloco.
• Um vídeo do YouTube é seu próprio bloco.
• …Você entendeu a ideia.

Em seguida, você monta seu conteúdo usando uma série de blocos. Por exemplo, aqui está a aparência do mesmo conteúdo acima em Gutenberg. Possui quatro blocos diferentes:

• Três blocos de parágrafos separados
• Um bloco de imagem

A importância dessa abordagem baseada em blocos é que ela desbloqueia recursos mais avançados para conteúdo e layout.

Por exemplo, você será capaz de introduzir colunas, inserir e estilizar botões e realizar muitas outras ações que você não pode fazer com o editor atual ou que exigiriam HTML / CSS com o editor atual.

Mais tarde, irei abordar os blocos com muito mais detalhes. Mas se você quiser molhar os pés agora, você pode brincar com uma demonstração ao vivo do Editor de Gutenberg clicando aqui - não há necessidade de instalar nada.

Veja por que a equipe principal do WordPress está fazendo essa mudança

Durante a maior parte de sua vida, o WordPress usou o mesmo editor básico (TinyMCE). Embora o design possa ter mudado aqui e ali, a funcionalidade central nunca vacilou.

Então, por que a mudança agora? Se funcionou nos últimos 15 anos, por que não pode continuar funcionando nos próximos 15 anos?

Há algumas razões.

Em primeiro lugar, o editor atual é muito limitante para usuários casuais nos dias de hoje. Embora o WordPress torne possível criar qualquer coisa que você possa imaginar, ele só faz isso se você souber um pouco de HTML / CSS .

Combine isso com a competição de criadores de sites visuais como Squarespace e Wix ( que ~ dobraram seu uso no ano passado ) , e você pode entender por que a equipe principal do WordPress sentiu que o WordPress precisava de uma experiência de edição mais flexível para manter sua vantagem.

Em segundo lugar, Gutenberg oferece a capacidade de unificar as muitas interfaces díspares que os usuários ocupados do WordPress têm. Não quero ser muito técnico aqui. Mas se você estiver usando plug-ins de terceiros, provavelmente terá vários códigos de acesso, metacaixas e áreas de configuração que fazem parte de seus fluxos de trabalho do WordPress.

Gutenberg pode unificar todas essas interfaces diferentes no sistema de bloco.

Terceiro, Gutenberg apresenta tecnologias modernas ao WordPress. Especificamente, React. Isso não apenas ajuda o editor em si, mas também permite que desenvolvedores terceirizados trabalhem com essas tecnologias modernas.

Por fim, a edição de conteúdo é apenas o início desse processo. Embora agora Gutenberg vá apenas mudar a forma como você cria postagens e páginas, o objetivo final é fazer com que Gutenberg passe a ter um design de site totalmente visual.

Os prós e contras de mudar para o novo editor do Gutenberg

Então ... Gutenberg vai ser bom para você?

Bem, na verdade tem sido uma questão bastante polêmica na comunidade WordPress, com argumentos apaixonados de ambos os lados.

De um lado, você tem pessoas promovendo os benefícios de Gutenberg:

• Mais possibilidades de conteúdo - Gutenberg adiciona blocos predefinidos para botões, citações, etc. Isso dá a você mais controle sobre seu conteúdo sem a necessidade de CSS personalizado. Além disso, plug-ins de terceiros podem adicionar seus próprios blocos de conteúdo, o que oferece ainda mais flexibilidade.
• Mais possibilidades de layout - além das novas possibilidades de conteúdo, você também obtém novas opções de layout, como a capacidade de incluir colunas ou separadores sem a necessidade de nenhum código personalizado.
• Experiência unificada - em vez de precisar usar códigos de acesso para inserir conteúdo de plug-ins de terceiros, esses plug-ins poderão criar seus próprios blocos, o que cria uma experiência de edição mais simples e unificada.
• Compatível com dispositivos móveis - o Gutenberg funciona muito bem no dispositivo móvel por padrão, o que permite criar ou editar conteúdo a partir de qualquer dispositivo.

Mas, por outro lado, você tem pessoas apontando alguns grandes problemas com um projeto tão ambicioso:

• Compatibilidade com versões anteriores - ~ 32% de toda a Internet está usando o editor WordPress atual, o que torna muito difícil a transição para uma experiência de edição completamente nova. Basicamente, existem tantos casos extremos com todo aquele conteúdo antigo que é difícil garantir uma transição perfeita.
• Difícil para desenvolvedores - os desenvolvedores de tema e plug-in precisarão construir compatibilidade Gutenberg em seus plug-ins e temas, e extensões mais antigas podem nem sempre funcionar perfeitamente. Existem dezenas de milhares de plug-ins mais antigos que podem enfrentar problemas de compatibilidade.
• Educação do usuário - embora os novos usuários possam gostar de Gutenberg, os usuários antigos precisarão aprender novos fluxos de trabalho, o que é especialmente difícil para desenvolvedores que criaram sites para clientes não técnicos.

Então, o WordPress Gutenberg Editor é uma coisa boa ou ruim?

Bem, estou meio que interpondo algumas opiniões pessoais aqui , mas acho que Gutenberg será uma mudança positiva a longo prazo . Você terá mais controle sobre a aparência e as funções de seu conteúdo sem a necessidade de soluções externas ou soluções de código personalizado.

Com isso dito, há definitivamente a possibilidade de problemas crescentes de curto prazo quando se trata de compatibilidade com plug-ins existentes que você possa usar. E será difícil forçar a enorme base de usuários do WordPress a aprender uma nova interface.

Quando o editor de Gutenberg será lançado?

A resposta curta é - não sabemos a data exata . Gutenberg será lançado como parte do WordPress 5.0, mas ainda não há uma palavra oficial sobre a data exata de lançamento do WordPress 5.0.

Agora temos uma ideia aproximada, no entanto. De acordo com a recente reunião inicial do WordPress 5.0 , as datas projetadas são 19 de novembro de 2018 ou 22 de janeiro de 2019 .

Esta é a resposta mais longa:

No momento, o Gutenberg Editor existe como um plugin durante seu status beta. Se você quiser, pode instalar o plug-in e começar a usá-lo em seu site hoje ( embora esteja em beta, não o recomendaria ).

Assim que a versão beta e os testes terminarem, a equipe do WordPress irá mesclar o Gutenberg Editor ao software WordPress principal no WordPress 5.0 . Então, depois de atualizar seu site WordPress para WordPress 5.0, o Editor Gutenberg substituirá automaticamente o editor TinyMCE atual.

O que acontecerá com o seu conteúdo existente assim que o editor do Gutenberg for lançado?

Como Gutenberg está substituindo o editor atual, você provavelmente está se perguntando o que vai acontecer com todo o seu conteúdo existente.

Não se preocupe - o Gutenberg foi construído para ser compatível com as versões anteriores .

Como está agora , Gutenberg coloca todo o seu conteúdo antigo em um único bloco Clássico . Por exemplo, aqui está a aparência do exemplo TinyMCE acima quando instalo o Gutenberg:

Se quiser, você pode continuar trabalhando dentro daquele único bloco Classic, embora a experiência seja um pouco estranha. Ou você poderá clicar no ícone de três pontos para converter seu conteúdo antigo em blocos de Gutenberg:

Depois de converter seu conteúdo antigo em blocos, ele funcionará como qualquer outra postagem do Gutenberg Editor.

Como o Editor de Gutenberg usa essa abordagem de bloco único Clássico para conteúdo antigo, você não deve ter problemas de transição. Mas é possível que você tenha problemas com plug-ins de terceiros, então você ainda deve manter vigilância e verificar seu conteúdo antigo.

O editor do Gutenberg funcionará com todos os temas do WordPress?

Sim! Novamente, como Gutenberg será o editor padrão, ele naturalmente precisa funcionar com qualquer tema WordPress.

Com isso dito, há algumas coisas que os desenvolvedores podem fazer para adicionar capacidade especial para Gutenberg, então você vai começar a ver “compatível com Gutenberg” aparecer em materiais de marketing de muitos temas em breve.

Aqui está o que torna um tema compatível com Gutenberg:

• Estilo de bloco especial - os temas podem adicionar um estilo especial aos blocos principais de Gutenberg. Isso garante que todos os blocos de Gutenberg combinem perfeitamente com o design do seu tema.
• Alinhamento de largura total - Gutenberg permite criar imagens de largura total que se estendem por toda a tela, mas apenas se os desenvolvedores de tema ativarem especificamente.
• Estilo do editor - os desenvolvedores de tema também podem adicionar seu próprio estilo à interface de edição back-end do Gutenberg . Isso cria mais uma abordagem de design visual. Você pode ver um exemplo aqui .

Você precisa usar o editor de Gutenberg assim que o WordPress 5.0 for lançado?

Não! Embora Gutenberg seja o editor padrão do WordPress 5.0, você não precisa realmente usá-lo.

Se você gostaria de continuar usando o editor WordPress atual, há um plugin oficial do Editor Clássico que esconde todos os vestígios de Gutenberg e restaura a experiência de edição atual.

Alternativamente, este plugin também pode permitir que você use os dois editores e alterne entre eles post-a-post.

Tutorial do WordPress Gutenberg - Como você usará o novo editor

Ok, agora que você terminou seu curso intensivo de Gutenberg 101, vamos começar a trabalhar com o Editor de Gutenberg.

O objetivo desta seção é familiarizá-lo com o Editor de Gutenberg para que você possa começar a trabalhar assim que for lançado.

Para começar, aqui está um gráfico para ajudá-lo a entender os elementos centrais da interface do Editor Gutenberg:

1. Este é o corpo do editor. É onde você trabalhará com o conteúdo
2. Esses botões permitem adicionar novos blocos . Se quiser adicionar uma imagem, vídeo ou qualquer outro conteúdo de bloco, você os usará.
3. É aqui que você adiciona o título da sua postagem.
4. Essas opções permitem que você salve rascunhos, visualize visualizações e, eventualmente, publique sua postagem.
5. Quando você não tem um bloco selecionado, esta barra lateral permite gerenciar opções gerais para sua postagem, como categorias e sua imagem em destaque. Quando você tem um bloco selecionado, dá-lhe opções para esse bloco específico.

Então, quando for adicionar um novo bloco, você verá esta janela pop-up com uma lista de todos os blocos disponíveis. Você também pode:

1. Use as guias de acordeão para navegar por todos os blocos disponíveis
2. Pesquise diretamente o bloco que deseja

Como criar uma postagem de blog simples com o editor de Gutenberg

Nesta seção, você aprenderá como realizar o mesmo tipo de ações que já realiza no editor do WordPress atual .

Basicamente, você aprenderá como adaptar seu fluxo de trabalho existente ao Editor de Gutenberg. Em seguida, na próxima seção, mostrarei como aproveitar as vantagens da nova funcionalidade do Editor de Gutenberg.

Adicionar ou formatar conteúdo de texto básico

O conteúdo básico do texto do parágrafo é simples - basta clicar e digitar. A única diferença imediata é que sempre que você pressionar Enter para criar uma nova linha, Gutenberg criará automaticamente um novo bloco para o seu próximo parágrafo:

Ao clicar em um bloco, você verá uma barra de ferramentas de formatação onde você pode:

• Alterar alinhamento
• Adicione negrito e itálico
• Inserir links
• Etc.

Basicamente, funciona de maneira muito semelhante à barra de ferramentas do editor atual:

Posteriormente, mostrarei uma alternativa interessante a essa abordagem padrão.

Além das opções de formatação na barra de ferramentas, você também obtém algumas opções na barra lateral direita que permitem:

• Controle o tamanho e a cor do texto
• Adicionar capitulação

Simples o suficiente até agora, certo?

Criação de um título (H1, H2, etc.)

Você tem algumas opções diferentes para criar um título.

Primeiro, você pode usar o ícone + para inserir um novo bloco de título :

Depois de inserir o bloco de título , você pode digitar para adicionar seu texto e usar a barra lateral ou barra de ferramentas para controlar o título a ser usado (por exemplo, H2 vs H3):

Como alternativa, você também pode:

• Transforme um bloco de parágrafo regular em um bloco de título usando o botão Alterar tipo de bloco .
• Use a marcação para criar seu título (por exemplo “## Este é um título 2”)

Aqui está um GIF para ilustrar esses dois métodos:

Inserir imagens, vídeos ou outro conteúdo de mídia

Ok, agora você pode criar e formatar textos e cabeçalhos básicos. Isso o levará a maior parte do caminho!

Mas e quanto à inserção de conteúdo de mídia?

Para inserir qualquer conteúdo de mídia, você pode usar o mesmo ícone + para inserir um bloco.

Para inserir conteúdo de mídia abaixo do conteúdo existente, use o ícone + no canto superior esquerdo.

Como alternativa, você também pode inserir um novo bloco entre o conteúdo existente, passando o mouse sobre o local onde deseja inserir o conteúdo. Em seguida, você usaria o botão Adicionar bloco à esquerda do novo bloco:

Depois de abrir o pop-up Inserir bloco , você pode escolher entre:

• Imagem - insira uma imagem da biblioteca de mídia do WordPress ou um URL externo.
• Vídeo - incorpore um vídeo da biblioteca de mídia do WordPress ou um URL externo.
• Incorpora - blocos separados para ajudá-lo a incorporar conteúdo do YouTube, Vimeo, Spotify, SoundCloud, Instagram e toneladas de outras fontes.

Por exemplo, esta é a aparência de inserir uma imagem da biblioteca de mídia do WordPress:

E aqui está como você pode incorporar um vídeo do YouTube:

Inserindo códigos de acesso de outros plug-ins

Se você for como a maioria dos usuários do WordPress, provavelmente possui alguns plug-ins que inclui em sua postagem ou no conteúdo da página usando códigos de acesso.

Eventualmente , o objetivo é que esses tipos de plug-ins criem seus próprios blocos de Gutenberg que você pode usar diretamente ( mais sobre isso mais tarde ). Mas até lá, você ainda pode incluir códigos de acesso em seu conteúdo Gutenberg usando o bloco Shortcode:

Reorganizando o conteúdo (você tem duas opções)

Ok, até agora é fácil ... mas e se você quiser alterar a ordem dos seus blocos?

Para fazer isso, você tem duas opções.

Primeiro, se você passar o mouse à esquerda de um bloco *, poderá arrastar e soltar para mover os blocos:

Em segundo lugar, você também pode usar as setas para cima ou para baixo para deslocar os blocos para cima ou para baixo em uma posição:

* Para ativar o recurso arrastar e soltar, mantenha o mouse sobre os 6 pontos entre as setas para cima e para baixo.

Trabalho com informações dos bastidores (categorias, URL, etc.)

Ok, então o texto acima deve cobrir como adicionar conteúdo básico ao blog. Mas e quanto a todas as outras partes dos bastidores da preparação de uma postagem para publicação?

Para a maioria das ações, você pode usar a guia Documento da barra lateral. É aqui que você:

• Escolha uma data de publicação / programação de postagens com antecedência
• Selecione o autor
• Adicionar categorias e tags
• Selecione sua imagem em destaque
• Digite seu trecho

Além disso, você pode usar os botões acima dessa barra lateral para:

• Visualize sua postagem
• Salvar rascunhos ( Gutenberg salva automaticamente seu rascunho, então normalmente você não precisa fazer isso manualmente )
• Publique sua postagem

A única coisa complicada é definir o slug da sua postagem ou URL da página. Para editar isso, clique no título. Então, você poderá editar o slug:

E quanto a plug-ins como Yoast SEO? Como eles funcionarão?

Há uma boa chance de que você tenha alguns outros plug-ins de back-end que precisa configurar para cada parte do conteúdo.

Existem duas maneiras de interagir com esses plug-ins.

Em primeiro lugar, muitos desenvolvedores já estão trabalhando na compatibilidade direta do Gutenberg. Por exemplo, Yoast SEO já suporta Gutenberg, e você configurará suas configurações de Yoast SEO direto da mesma barra lateral de documento :

Para plug-ins legados que ainda não têm suporte para Gutenberg, você ainda poderá usar metacaixas como faria com o editor TinyMCE:

Seis dicas para trabalhar de forma mais produtiva com Gutenberg

Quando você começa a trabalhar com o Editor de Gutenberg, pode parecer um pouco lento. Essas dicas podem ajudar a acelerar o processo e tornar mais fácil inserir e personalizar rapidamente os blocos de que você precisa.

1. Blocos de inserção rápida digitando "/" para economizar muito tempo

O método para inserir blocos que mostrei acima é útil quando você está apenas começando com Gutenberg, porque permite que você veja todos os blocos disponíveis.

Mas, depois de se familiarizar com os blocos de que precisa, você pode inseri-los muito mais rápido usando o recurso de inserção rápida.

Em vez de clicar no ícone + , apenas:

• Pressione Enter para criar um novo bloco
• Digite um “/”
• Comece digitando o nome do bloco

Conforme você digita, Gutenberg sugere automaticamente os blocos correspondentes. Em seguida, basta pressionar Enter para inserir o bloco que deseja.

Aqui está ele em ação:

Isso é muito mais rápido, certo?

2. Aprenda os atalhos de teclado para uma edição mais rápida

O Gutenberg vem com atalhos de teclado que podem acelerar o seu trabalho.

Você pode exibir uma lista completa desses atalhos clicando em CTRL + Alt + H (Windows) ou CMD + Alt + H (Mac):

Você deve ler a lista completa, mas aqui estão algumas das mais úteis:

• Ctrl + S - salva seu rascunho.
• Ctrl + Z - desfazer ou Ctrl + Y - refazer.
• Ctrl + Alt + Backspace - exclui o bloco selecionado ( muito útil ).
• Ctrl + Shift + D - duplica o bloco selecionado.
• Ctrl + Alt + T - inserir um novo bloco antes do bloco selecionado.
• Ctrl + Alt + Y - inserir um novo bloco após o bloco selecionado.

Você também pode usar a maioria dos atalhos globais, como Ctrl + B para negrito ou Ctrl + V para colar.

3. Arraste as imagens da sua área de trabalho para o seu conteúdo Gutenberg

Se você precisar incluir muitas imagens, este é outro truque interessante.

Em vez de precisar criar manualmente um novo bloco de imagem para cada imagem, você pode simplesmente arrastar uma imagem direto de uma pasta em sua área de trabalho para o local onde você pode incluí-la em sua postagem.

O WordPress irá carregá-lo automaticamente para sua biblioteca de mídia e inseri-lo ali mesmo. Só há uma coisa a que prestar atenção - certifique-se de ver a linha azul ao arrastar a imagem , caso contrário, não funcionará:

4. Adicionar uma barra de ferramentas de edição fixa

Uma coisa que algumas pessoas acham difícil com Gutenberg é que a barra de ferramentas de edição pisca constantemente enquanto você clica entre diferentes blocos de parágrafo.

Se você não gostar disso, pode ativar a opção Barra de ferramentas unificada para obter uma barra de ferramentas sempre presente na parte superior da interface do Gutenberg:

5. Use a sintaxe Markdown para títulos, listas, etc.

Se você gosta de usar markdown, poderá incorporar alguma sintaxe de markdown em Gutenberg.

Por exemplo:

• ## - cria um H2 ( você já viu isso - ele se transforma em um bloco de título ).
• * - inicia uma lista não ordenada.
• 1. - inicia uma lista ordenada.
• > - cria um bloco de cotação ( transforma-se em um bloco de cotação ).

Você não pode usar toda a sintaxe de markdown. Mas os exemplos acima já são muito úteis para uma formatação mais rápida:

6. Edite HTML diretamente se necessário

Se você chegar a uma situação em que deseja editar HTML diretamente, pode acessar o editor de código clicando nos três pontos no canto superior direito ou usando o atalho Ctrl + Shift + Alt + M :

Aproveitando a nova funcionalidade de Gutenberg - colunas, botões e muito mais!

Tudo bem, nós cobrimos:

• Como usar o Gutenberg para criar uma postagem de blog básica.
• Algumas dicas para acelerar o trabalho com Gutenberg.

Agora, vamos ver algumas das coisas novas e legais que você pode fazer com Gutenberg. Esses são os recursos interessantes que devem ajudar a explicar por que a equipe do WordPress decidiu seguir em frente com Gutenberg.

Botões de inserção - não é necessário HTML

Com o editor antigo, a única maneira de criar botões era adicionar manualmente uma classe CSS ou usar um plugin de terceiros.

Com Gutenberg, você apenas adiciona o bloco de botão . Para editar o texto do botão, basta clicar e digitar. E para mudar as cores, você pode usar a barra lateral:

Crie layouts de várias colunas

Com o editor antigo, não havia como criar layouts de várias colunas sem seu próprio HTML personalizado ou um plugin de terceiros.

Com Gutenberg, você apenas adiciona o bloco Colunas . Em seguida, você pode adicionar outros blocos dentro das diferentes colunas:

Criar imagens esticadas de largura total

Se o seu tema for compatível , você terá uma nova opção de alinhamento de largura total que permite esticar imagens por toda a tela, o que abre alguns layouts de conteúdo interessantes:

Criar modelos de bloco reutilizáveis

Se você usa regularmente a mesma combinação de blocos, pode economizar tempo criando um grupo de blocos reutilizável.

Primeiro, você pode clicar e arrastar para selecionar todos os blocos que deseja incluir. Em seguida, você pode usar os três pontos para adicionar aos blocos reutilizáveis :

Você vai lhe dar um nome. Em seguida, você poderá inserir todo o modelo como faria com qualquer outro bloco:

Você pode adicionar mais blocos e funcionalidade com plug-ins de terceiros

É aqui que Gutenberg começa a ficar ainda mais frio:

Plug-ins de terceiros podem adicionar seus próprios blocos que você pode usar em seus designs Gutenberg.

Existem duas maneiras de beneficiar você:

• Os plug-ins que você já usa criarão seus próprios blocos de Gutenberg. Por exemplo, se você usar um plug-in de calendário de eventos, poderá inserir eventos apenas usando o bloco de eventos de seu plug-in.
• Os desenvolvedores estão fazendo plug-ins Gutenberg dedicados que adicionam toneladas de novos blocos de conteúdo genéricos que fornecem mais controle sobre seus projetos.

Por exemplo, verifique o plug-in empilhável gratuito . Depois de instalá-lo e ativá-lo, você obterá um novo conjunto de blocos empilháveis ​​em Gutenberg:

E então você pode usar esses blocos para fazer coisas muito legais, como inserir uma tabela de preços ou um depoimento:

Este é apenas o começo para o Editor do WordPress Gutenberg

E é isso! Se você chegou até aqui, você deve ser um guru do Gutenberg que está pronto para começar a correr assim que o WordPress 5.0 for lançado.

Embora aprender um novo fluxo de trabalho não esteja na lista da maioria das pessoas de “maneiras divertidas de passar um fim de semana”, dominar os meandros de Gutenberg será essencial para quem usa o WordPress.

O Gutenberg não afetará apenas a maneira como você cria conteúdo agora , mas também desempenhará um papel importante no WordPress daqui para frente.

Tudo o que você viu acima é apenas a fase um de Gutenberg. Na fase dois, Gutenberg mudará para modelos de página e a fase três transformará Gutenberg em uma ferramenta para personalização total do site .

Então ... torne-se um bom amigo de Gutenberg, porque você verá muito disso nos próximos anos!