O que é o Gutenberg?

Gutenberg é o nome do editor baseado em blocos que foi introduzido recentemente no WordPress 5.0. Este novo editor substituiu o Editor clássico baseado em TinyMCE, que veio suportando o WordPress por muitos anos. No ano passado, o Elegant Themes, produtor do Divi Theme e Divi Builder introduzimos o suporte inicial ao Gutenberg, que permitia que os usuários do Divi alternassem entre o Gutenberg e o Divi Builder ao criar páginas. Atualmente essa integração vem permitindo que os usuários do Divi combinem os módulos Divi e os blocos Gutenberg na mesma página.

Reunindo dois construtores

Acreditamos que o Divi é o melhor construtor da Web e possui muitas vantagens significativas sobre o Gutenberg. 

O Gutenberg não deve ser visto como concorrente da Divi. Os dois construtores podem trabalhar juntos! Foi planjeado continuar seguindo a progressão do WordPress e garantir que o Divi funcione perfeitamente com todas as versões futuras do WordPress e com cada nova versão do Gutenberg.

O bloco de layout Divi

Usando o Divi Builder em qualquer lugar dentro de Gutenberg

O Divi Layout Block é um bloco de Gutenberg que funciona como uma mini versão do Divi Builder. Você pode usá-lo em qualquer lugar dentro de uma página criada com o Gutenberg para adicionar módulos Divi ou criar layouts Divi. Ao adicionar um bloco de layout Divi, você pode usá-lo para carregar um layout pré-fabricado ou um item de biblioteca salvo na página. Ao seu redor, você pode usar outros blocos de Gutenberg. Depois que um layout Divi é adicionado à página, você pode modificá-lo usando a interface Divi Builder com a qual você já está familiarizado.

Usando o bloco de layout Divi

Ao adicionar blocos no Gutenberg, você notará que um novo bloco Divi Layout está disponível na lista. Este bloco pode ser adicionado em qualquer lugar da sua página e dentro dele você pode criar o que quiser usando o Divi Builder. Você pode usá-lo para criar layouts grandes e complexos ou adicionar módulos únicos que não existem na sua biblioteca de blocos. Ao redor do bloco Divi Layout, você pode usar outros blocos Gutenberg exatamente como faria normalmente. Isso permite que os dois construtores sejam usados ​​em harmonia. Você não precisa mais escolher entre usar o Divi ou o Gutenberg. Você pode usar os dois!

Carregar layouts pré-fabricados ou criar novos layouts do zero

Depois de adicionar um bloco Divi Layout à página, você pode optar por carregar um layout pré-fabricado ou criar um novo layout do zero. Se você optar por carregar um layout pré-fabricado, será recebido com o pop-up da Biblioteca Divi e poderá navegar em nossa seleção de layouts e nos itens de sua biblioteca salvos. Se você optar por criar um novo layout, o Divi Builder será aberto em um pop-up modal, onde você poderá usar o Visual Builder e todos os seus recursos para criar seu layout. Não há atualizações de página e, assim que você terminar de editar seu layout, ele aparecerá em Gutenberg.

Usando vários blocos de layout Divi em uma única página

Você pode adicionar quantos blocos de Divi Layout quiser à sua página. Isso permite que você misture e combine Divi Modules com Gutenberg Blocks para criar praticamente qualquer coisa. O bloco Divi Layout suporta todas as funcionalidades básicas do bloco. Você pode criar blocos Divi Layout reutilizáveis ​​e os blocos atuais podem ser facilmente movidos, editados, duplicados e excluídos.

Edição ao vivo sem pop-ups ou atualizações do navegador

O bloco Divi Layout vai além do carregamento de layouts estáticos da sua biblioteca. Todos os blocos do Divi Layout são layouts independentes que podem ser construídos e modificados independentemente, sem a necessidade de acessar a Biblioteca Divi. A edição dos blocos do Divi Layout é feita em tempo real usando uma sobreposição do Visual Builder. Você pode utilizar todo o poder do Visual Builder sem precisar sair de Gutenberg ou atualizar a página.