Os melhores blocos personalizados de Gutenberg que você pode adicionar ao WordPress

Um dos aspectos mais promissores do editor de blocos de Gutenberg é a capacidade de adicionar seus próprios blocos personalizados. Eles podem consistir em praticamente qualquer tipo de conteúdo formatado ou funcionalidade que você possa imaginar.

E embora você possa certamente criar seus próprios blocos personalizados, às vezes é como reinventar a roda. Esse é especialmente o caso quando você deseja adicionar um item comum, como um depoimento, uma lista de postagens ou uma linha do tempo. Provavelmente, esses blocos já existem e podem ser facilmente adicionados ao seu site.

Desde a inclusão de Gutenberg no núcleo do WordPress, a comunidade de desenvolvedores lançou vários plugins de bloco diferentes. A maioria tende a incluir uma coleção de blocos que podem ser úteis ao criar seu site.

Hoje, apresentaremos algumas das melhores coleções de blocos personalizados disponíveis para o WordPress. Vamos começar!

Gutenberg Blocks: Plugins para Gutenberg

O Ultimate Addons for Gutenberg inclui mais de 20 blocos personalizados que cobrem uma ampla variedade de casos de uso. Quando se trata de design, o bloco Colunas avançadas permite criar uma linha de várias colunas altamente personalizada. Também existem blocos para adicionar o Google Maps, ícones, CTAs, carrosséis de postagem e muito mais. Isso está apenas arranhando a superfície do que esse plugin gratuito pode fazer.

Gutenberg Block Banner: Plugins finais para Gutenberg

Bloqueador de páginas Gutenberg Blocks – CoBlocks

Apoiado pelo GoDaddy, o CoBlocks é um plug-in gratuito do WordPress que sobrecarrega Gutenberg. Embora ofereça vários blocos personalizados úteis (acordeão, alerta, herói, logotipos, galeria de alvenaria, tabela de preços etc.), seu excelente ponto de venda está no layout da página. Oferecendo uma experiência mais semelhante ao construtor de páginas, as linhas e colunas podem ser arrastadas para o tamanho e personalizadas para layouts responsivos. A tipografia também é altamente modificável.

Banner para o gerador de páginas de blocos de Gutenberg - CoBlocks

Gutenberg Page Building Toolkit – EditorsKit

O EditorsKit é um pouco diferente dos outros plugins desta coleção, pois trata-se de estender os blocos já incluídos no Gutenberg. Os recursos de formatação Rich Text permitem personalizar ainda mais seu conteúdo ou excluir todos os estilos personalizados com um clique. Você também pode controlar a visibilidade dos blocos com base no dispositivo, status de login ou mesmo valores de campos personalizados. Além disso, existem muitos ajustes de produtividade, como suporte a descontos, destaque da sintaxe do editor de código e a capacidade de importar ou exportar blocos específicos. Com tantas coisas boas, você pode fazer com que Gutenberg pareça uma experiência completamente diferente.

Banner para o Kit de ferramentas de criação de página de Gutenberg - EditorsKit

Kadence Blocks – Gutenberg Page Builder Toolkit

A Kadence Blocks oferece uma dúzia de blocos personalizados que atendem a necessidades comuns. Projetos de linhas, galerias avançadas, guias, caixas de informações e depoimentos, entre outros, estão incluídos. Ele também tem como objetivo resolver um dos problemas mais frustrantes com Gutenberg: a largura do editor na parte de trás. O plug-in contém larguras predefinidas que permitem aos criadores de conteúdo obter uma melhor representação de como serão as páginas no front-end.

Banner do bloco Kadence - Gutenberg Page Builder Toolkit

Coleção Atomic Blocks – Gutenberg Block

Use os Atomic Blocks para criar rapidamente postagens e páginas altamente personalizadas do WordPress. Os destaques incluem o bloco Seção e Layout, que inclui uma seleção de layouts de conteúdo pré-criados. Basta adicionar um design e personalizar o conteúdo. Há também um bloco de boletim informativo, que permite que os visitantes se inscrevam na sua lista do MailChimp. O bloco de ícones Compartilhar pode ajudar seu conteúdo a se tornar viral. Mas isso é apenas uma amostra dos mais de 20 elementos incluídos.

Banner para blocos atômicos - Coleção Gutenberg Block

Biblioteca de modelos de blocos e lontras de Gutenberg

Com o objetivo de acelerar a criação de conteúdo e adicionar diferentes tipos de conteúdo, o Gutenberg Blocks e a Template Library é uma opção atraente. Como os blocos atômicos anteriores, o bloco de seção incluído oferece vários modelos e modelos pré-projetados. Há também vários elementos personalizáveis, como Google Maps, grades de postagens, informações do autor e um bloco para os ícones de Fontes impressionantes.

Gutenberg Block Banner e Otter Template Library

Gutenberg avançado

Claro, o Advanced Gutenberg vem com vários blocos personalizados (controles deslizantes, produtos WooCommerce, tabelas avançadas, listas avançadas etc.). Eles são todos agradáveis ​​e práticos. Mas o recurso realmente interessante aqui é a capacidade de criar perfis de "edição", que permitem ativar ou desativar blocos para usuários ou funções de usuário específicos. Por exemplo, se você deseja que apenas os administradores tenham acesso ao bloco do Gerenciador de Colunas, é possível configurá-lo facilmente. Isso ajuda a garantir que os usuários de nível inferior não causem estragos em seus projetos.

Banner para Gutenberg avançado

Gutenberg Advanced Blocks

Além de sua capacidade de modificar o Gutenberg, o Advanced Gutenberg Blocks permite desativar todos os blocos nativos que você não precisa. Você também pode personalizar a largura do editor, criar paletas de cores e tamanhos de fonte padrão. E sim, há vários novos blocos personalizados disponíveis, como anúncios, produtos WooCommerce, banners e clique para twittar.

Faixa do bloco avançado de Gutenberg

Obtenha alguns novos blocos de construção

Os blocos padrão que acompanham o Gutenberg são úteis e estão sendo constantemente refinados. Mas, para criar uma verdadeira experiência de criação de página, adicione alguns elementos personalizados.

É aí que os plug-ins acima podem ajudar a elevar seu site a alturas maiores. Não apenas você pode adicionar diferentes tipos de funcionalidade e conteúdo, mas também cuidar do editor como um todo.

O ponto principal é que, se você usar o Gutenberg para layouts de páginas complexos, poderá se envolver. Esses plugins ajudarão você a fazer isso.

Table of Contents