Uma revisão de GenerateBlocks: estendendo o WordPress com blocos

Publicados: 2020-03-10

Hoje, quero revisar o GenerateBlocks, um plugin que ainda está em Alpha. GenerateBlocks tem a ideia de criar blocos WordPress poderosos, sem todo o inchaço. O que isso significa é que é uma pequena coleção de blocos WordPress leves que podem ser usados ​​para realizar quase qualquer coisa.

O que é GenerateBlocks?

GenerateBlocks é criado pelas pessoas que possuem e administram um GeneratePress.com. GeneratePress é um tema WordPress gratuito e premium desenvolvido por Tom Usborne. O que mais adoro nesta equipe é que ela foi projetada e desenvolvida tendo em mente a velocidade e o desempenho. Dependendo do site (e do cliente), estou dividido entre usar GeneratePress e WP Astra. Ambos viram melhorias de desempenho e velocidade de recursos em toda a sua base de código, ao mesmo tempo que permitem a liberdade de criar qualquer tipo de design que você quiser.

Vamos dar uma olhada nos blocos

A ideia principal por trás do GenerateBlocks é que existem quatro blocos simples que você precisa para criar qualquer tipo de layout que desejar, do mais simples ao mais complexo. Os quatro blocos são contêiner, grade, título e botões.

Bloco de contêineres

Exemplo de bloco de contêiner

A maneira como o GeneratePress funciona é que tudo começa dentro de um contêiner. O contêiner é realmente a maneira pela qual você começa a organizar seu conteúdo em linhas e seções. É essencialmente a espinha dorsal de todos os blocos que GenerateBlocks oferece e dá a você controle total sobre a aparência do seu site.

Bloco de grade

O próximo bloco para dar uma olhada é o bloco da grade. Depois de adicionar um contêiner, você deseja colocar um bloco de grade dentro de seu contêiner e realmente projetar ou configurar quantas linhas deseja ter. Agora, a parte interessante sobre o bloco Grid é que ele define um novo padrão para uma grande criação. Com o bloco de grade, você tem controle completo sobre configurações como alinhamento da grade, fluxo e até mesmo a capacidade de resposta.

Bloco de título

Agora, depois de adicionar um travamento, a próxima coisa que você pode querer adicionar é um bloco de título. O bloco de título está realmente configurado para ajudar a levar sua tipografia a um nível totalmente novo. Com o bloco de título, você pode adicionar cabeçalhos indo de tags H1 a H6 e pode até adicionar um bloco de parágrafo de texto. No bloco Título, você pode controlar as configurações, como tipografia, cores, espaçamento e até ícones.

Bloco de Botões

Finalmente, o GenerateBlocks é um bloco de botões. Com o bloco Botões, você pode criar qualquer tipo de botão, seja uma mídia social ou um botão saiba mais ou até mesmo um botão de inscrição. E com o bloco de botões, você tem controle sobre tipografia, cores, espaçamento e até ícones. O que mais gosto no bloco de botões é que você pode adicionar vários botões ao mesmo bloco. Você também pode dar um estilo um pouco diferente, como ter os botões alinhados horizontalmente e verticalmente, ou até mesmo ocupar todo o espaço de onde o bloco de botões está localizado.

Análise de vídeo

Para ver tudo isso uma ação, criei uma análise em vídeo para você. Esta revisão de vídeo é um pouco diferente. No momento da redação deste artigo e no momento deste vídeo, GenerateBlocks ainda está em alfa, então provavelmente veremos mudanças em GenerateBlocks e na maneira como ele funciona. Comecei este vídeo usando o tema padrão TwentyTwenty WordPress, que usei para todas as análises até agora.

No entanto, uma coisa que você saberá é que depois de um tempo, não fazia sentido usá-lo no tema TwentyTwenty por estar em um estado alfa e porque realmente funciona muito bem com o GeneratePress. Então, mudei para o GeneratePress nos últimos 20 minutos ou mais do vídeo. Como sempre, espero que você goste desses vídeos e possa dar um passo a passo para ajudá-lo a pensar sobre como você pode usar o novo editor de blocos do WordPress em seu site.

Principais recursos para usar este plug-in

GenerateBlocks tem uma visão interessante sobre quantos blocos você deve ter. Em vez de construir uma coleção de 20 ou 30 blocos, a visão do GenerateBlocks é criar os blocos de que você precisa e usar o recurso de blocos reutilizáveis ​​embutido no editor de blocos do WordPress. Isso significa que você não encontrará blocos de herói, blocos de CTA ou mesmo blocos de preços. Em vez disso, você mesmo cria esses blocos, salva-os como blocos reutilizáveis ​​e, em seguida, quando cria uma nova página, começa a adicionar esse bloco à nova página e converte esse bloco reutilizável em um bloco regular e, em seguida, faz alterações nele .

Em meus testes, descobri que isso é realmente mais rápido para mim, especialmente quando estou tentando controlar todos os aspectos de design de um site. Não preciso me preocupar em instalar vários plug-ins de coleção de blocos diferentes para construir um site usando o novo editor de blocos do WordPress. E o melhor de tudo é que GenerateBlocks funciona com GeneratePress, que é o meu tema preferido atualmente, especialmente ao usar o editor de blog do WordPress.

Que tipo de blocos estão incluídos?

Como mencionei anteriormente, existem quatro blocos que vêm com GenerateBlocks.

  • Recipiente
  • Rede
  • Título
  • Botões

Preço?

O preço do GenerateBlocks é gratuito. Isso o torna uma solução acessível para você começar a brincar e ver tudo o que você pode fazer no editor de blocos do WordPress. Você vai querer o GeneratePress Premium, então pretende gastar cerca de US $ 50 com o tema.

Quem deve usar este plug-in?

No momento, não estou pronto para recomendar GenerateBlocks para as massas. Dito isso, se você é um desenvolvedor ou conhece alguns CSS simples, talvez queira dar uma olhada em GenerateBlocks e ver se é algo que funcionaria para você. Eu acho que conforme vemos GenerateBlocks amadurecer em uma versão totalmente lançada no próximo mês ou dois. Veremos muitos dos recursos aprimorados e adicionados também.

Pensamentos finais

A maior característica que falta para mim no GenerateBlocks é que ele não tem um bloco de post. O que quero dizer com isso é que um bloco de postagem é necessário em muitos casos em que você deseja trazer sua postagem do blog para uma página de destino. Eu adoraria estar em um ambiente que cria uma integração perfeita entre o tema e o editor de blocos do WordPress, e com GenerateBlocks e GeneratePress, estamos chegando perto. Definitivamente, recomendo verificá-los.