3 coleções de blocos de Gutenberg que mostram o que é possível com o novo editor do WordPress

A menos que você esteja morando sob uma rocha, provavelmente já ouviu falar sobre o lançamento iminente do editor de Gutenberg. O novo editor é a maior coisa que aconteceu ao WordPress desde que o menu do painel do lado esquerdo nasceu em 2008. Uma das mudanças mais significativas com este novo paradigma é a introdução de 'blocos', que permitem expandir a funcionalidade do editor em várias maneiras.

Mesmo antes do lançamento oficial do Gutenberg, já existem muitos blocos personalizados que você pode adicionar ao editor beta, o que aumenta sua funcionalidade em uma milha. Neste artigo, falaremos um pouco mais sobre o rumo que Gutenberg está tomando, como as coleções de blocos podem ajudá-lo e algumas opções que você já pode experimentar.

Vamos começar!

Onde Gutenberg está agora

Como você deve saber, o Gutenberg está definido para ser lançado com o WordPress 5.0. Embora o novo editor esteja disponível como plug-in há meses, ele agora deve ser integrado ao núcleo em novembro. Em outras palavras, agora é um bom momento para se preparar para o que o futuro do WordPress reserva.

Desde a última vez que falamos sobre Gutenberg, algumas mudanças muito legais ocorreram nele. Por exemplo, agora você pode arrastar e soltar blocos, o que deixa Gutenberg um passo mais perto de se sentir como um construtor de páginas:

Além disso, agora você pode criar modelos de bloco reutilizáveis, que é uma ótima maneira de acelerar o fluxo de trabalho de criação de conteúdo. Você pode até importar e exportar modelos de bloco, o que abre alguns caminhos interessantes para colaboração:

Caso precise de um lembrete, os blocos são para Gutenberg como os módulos são para o Divi Builder. Em outras palavras, eles são os principais elementos que Gutenberg usa para estruturar páginas e postagens:

Por padrão, o editor contém dezenas de blocos, mas é possível adicionar ainda mais por meio de plug-ins. Você pode até baixar e instalar vários blocos relacionados de uma vez, baixando uma 'coleção de blocos'. Na prática, isso funciona da mesma forma que instalar um plugin padrão, a única diferença é que as coleções de blocos de Gutenberg só funcionam se você já habilitou o novo editor. Até o lançamento do 5.0, você precisará instalar e ativar o plugin Gutenberg primeiro.

A chave aqui é que Gutenberg seguirá a tradição do WordPress de fornecer uma seleção básica de opções, enquanto permite que você as expanda para atender às suas próprias necessidades. Combinar blocos em coleções também torna o processo ainda mais fácil, pois você só precisa baixar um único plug-in para adicionar vários blocos relacionados.

3 coleções de blocos de Gutenberg para verificar

Neste ponto, existem muitos blocos de Gutenberg individuais que você pode adicionar ao editor. No entanto, agora vamos nos concentrar nas coleções, pois isso reduz o tempo gasto na adição e instalação de vários blocos individualmente. Embora a lista de coleções disponíveis provavelmente cresça, aqui estão três que já vale a pena conferir.

1. Blocos Atômicos

De todas as coleções de blocos de Gutenberg disponíveis agora, Atomic Blocks é de longe a opção mais polida. Isso se torna evidente assim que você o instala, pois você será saudado com uma página de boas-vindas completa:

No momento, o Atomic Blocks contém onze blocos, que incluem grades de postagem, contêineres, depoimentos, avisos embutidos, acordeões e muito mais. Para evitar confusão, o Atomic Blocks separa todos os seus novos blocos em uma nova guia, que você verá assim que iniciar o editor após instalar o plug-in:

No geral, a coleção Atomic Blocks parece uma grande extensão do que Gutenberg tem a oferecer atualmente. Sua seleção de blocos estende a funcionalidade do novo editor com opções que serão úteis para uma variedade de sites.

Características principais:

• Inclui onze novos blocos de Gutenberg.
• Adiciona grades de postagem, contêineres, depoimentos, ícones de compartilhamento e muito mais.
• Separa os novos blocos para evitar confusão.

Preço: Grátis | Mais Informações

2. Empilhável

Empilhável é outra de nossas coleções favoritas de blocos de Gutenberg. No momento, ele inclui 17 novos blocos que você pode adicionar ao editor, incluindo alguns semelhantes aos fornecidos pelo Atomic Blocks:

Baseada apenas no número de blocos, esta coleção é uma das maiores do mercado. Mais importante ainda, todos os blocos do Stackable são altamente polidos. O plugin ainda inclui opções de personalização avançadas, como permitir que você adicione e altere imagens de fundo, animações e muito mais.

Em última análise, Atomic Blocks e Stackable têm duas abordagens diferentes para o desenvolvimento de blocos de Gutenberg. O primeiro visa aumentar a simplicidade fundamental que Gutenberg almeja. Empilhável, por outro lado, é uma opção melhor se você estiver procurando por uma coleção de blocos de Gutenberg que se pareça com o que você veria em um construtor de páginas mais tradicional.

Características principais:

• Inclui 17 novos blocos de Gutenberg.
• Personalize seus novos blocos alterando seu plano de fundo, adicionando animações, modificando tamanhos de texto e muito mais.

Preço: Grátis | Mais Informações

3. Blocos do Editor

Editor Blocks é o novo garoto no bloco quando se trata de coleções do Gutenberg Block. Ele não tem tantas instalações ou análises quanto os plug-ins que normalmente apresentamos. No entanto, depois de testar essa coleção de blocos, fica claro que ela merece um lugar na lista por causa dos recursos interessantes que contém.

Imediatamente, o Editor Blocks adiciona dez novas opções de bloco ao editor de Gutenberg. Isso inclui tabelas de preços, seções de membros da equipe e heróis, bem como depoimentos:

Essa é uma seleção bastante padrão em comparação com as outras coleções que examinamos. No entanto, o Editor Blocks se destaca principalmente por sua tabela de preços e seções de membros da equipe, que são muito fáceis de instalar e configurar:

Se você está procurando as melhores opções de bloco para configurar esses tipos de seções, os Blocos do Editor serão a escolha certa. Na verdade, não há motivo para você não poder instalar várias coleções de blocos para obter o melhor de todos os mundos.

Características principais:

• Inclui dez novos blocos de Gutenberg.
• Permite criar tabelas de preços elegantes e seções de membros da equipe em qualquer uma de suas páginas.

Preço: Grátis | Mais Informações

Onde você pode encontrar blocos de Gutenberg individuais

Se você estiver procurando por um bloco específico e não quiser ou precisar de uma coleção daqueles que provavelmente nunca usará, pode visitar a Biblioteca de Blocos de Gutenberg. Esta biblioteca é ideia de Danny Cooper, criador do plugin Editor Blocks que verificamos um minuto atrás, e é o melhor lugar para encontrar blocos individuais agora.

A própria biblioteca não poderia ser mais simples de navegar. O site permite que você role infinitamente por toda a coleção, que apresenta algumas dezenas de opções no momento:

Se você quiser ver mais informações sobre um bloco, você pode clicar nele e uma nova página será aberta. Aqui você verá algumas capturas de tela e um botão de download:

Ao clicar no botão de download, você será direcionado para a página do bloco no WordPress.org. Aqui você poderá conferir análises, classificações e fazer o download do próprio plugin. Isso ocorre porque o objetivo por trás da Biblioteca de Blocos de Gutenberg não é hospedar os blocos em si. Em vez disso, ele deve ajudá-lo a encontrar opções que poderiam estar ocultas entre os milhares de plug-ins do WordPress.org.

Conclusão

Um dos pilares centrais do WordPress sempre foi o quão extensível ele é. Essa filosofia é repetida no novo editor de Gutenberg, pois permite expandir a seleção de blocos padrão adicionando mais por meio de plug-ins. Para fazer isso, você pode instalar uma coleção de blocos que combina uma série de blocos relacionados ou pode baixar blocos individuais se quiser selecionar e escolher exatamente o que precisa.

Já existe uma pequena seleção de coleções de blocos de Gutenberg disponíveis, bem como vários plug-ins de blocos individuais. Para encontrar o último, você pode usar a Biblioteca de Blocos de Gutenberg para procurar blocos, que você pode baixar e instalar facilmente em seu site. Lembre-se de fazer o download do plugin Gutenberg primeiro!

Que tipo de bloco você deseja que Gutenberg inclua em lançamentos futuros? Compartilhe suas idéias conosco na seção de comentários abaixo!

Imagem em miniatura do artigo por A Aleksii / shutterstock.com