15 melhores plugins de bloco WordPress Gutenberg

O editor Gutenberg faz parte do WordPress agora. E se você está procurando os melhores plugins de bloco do Gutenberg, listamos as principais opções disponíveis neste artigo.

Após a introdução do editor Gutenberg, todos os elementos que você usa em sua página de posts são blocos. Se você quiser adicionar uma imagem ao seu post, você deve adicionar um bloco de imagem, para parágrafos, ladrilhos e qualquer outro elemento você deve adicionar os respectivos blocos e editá-los.

Portanto, se você precisar de recursos adicionais em sua postagem, precisará adicionar esses blocos adicionais para adicionar as opções.

O WordPress já criou vários blocos diferentes, como bloco de texto, bloco de imagem, bloco de título, tabela, coluna, botão e vários outros blocos.

Criamos um tutorial detalhado sobre como usar o editor Gutenberg aqui, este artigo ajudará você a entender e começar a usar o novo editor.

Antes de prosseguirmos com os plugins de blocos do Gutenberg, vamos dar uma olhada nos blocos regulares que vêm com o editor padrão.

01. Bloco de Título: Você usa este bloco para adicionar um título aos seus posts ou páginas. Geralmente, é usado para adicionar tags H2, H3 a subtítulos em sua postagem no blog.

02. Bloco de Parágrafo : Este será um dos blocos mais usados ​​em seu site WordPress. Como o nome sugere, este bloco será usado para adicionar conteúdo às postagens do seu blog.

03. Bloco de Imagem : Isso é auto-explicativo. Você pode usar este bloco para adicionar uma imagem às postagens do seu blog.

04. Bloco de Lista : Você pode usar este bloco para criar marcadores em seus posts. Essa opção também existia no editor clássico.

05. Botões : Costumávamos adicionar código personalizado ou um plugin de shortcode para adicionar botões no editor clássico. O WordPress não tinha uma opção padrão para adicionar um botão de chamada para ação antes da introdução do Gutenberg. Mas agora, ele vem com um bloco padrão para adicionar um botão de chamada para ação.

06. Bloco de Tabelas: O WordPress nunca teve a opção de adicionar uma tabela a um post, mas com o Gutenberg, ele vem com uma opção padrão para adicionar uma tabela aos seus posts. Você pode usar o bloco de tabela para criar uma lista de itens em um formulário de tabela ou para comparar diferentes produtos exibidos em seu site.

O bloco de tabela oferece algumas opções para personalizar as configurações de cores, mas é limitado. Portanto, você ainda pode precisar de um plug-in de tabela de qualidade em seu site.

07. Cover Block : Esta é outra adição muito útil ao novo editor. O bloco de capa pode ser um elemento muito eficaz para criar artigos de alta qualidade com diferentes seções claramente divididas com o bloco de capa.

08. Embed Block : Agora incorporar conteúdo de outras fontes como YouTube, Twitter, Instagram é muito mais fácil do que antes. o bloco de incorporação padrão oferece várias opções para incorporar conteúdo de várias plataformas.

09. Bloco de Colunas : Com o Gutenberg, você tem uma opção rápida para criar um layout de conteúdo de várias colunas em seus posts nas páginas.

10. Blocos de formatação : O editor padrão do Gutenberg oferece vários blocos que você pode precisar ao editar tipos de conteúdo que não sejam texto. Você tem um bloco de código, um bloco HTML e mais alguns.

11. Bloco de Galeria : O Gutenberg também vem com um bloco de galeria padrão. Você pode adicionar várias imagens com qualidade em um formulário de grade de galeria. Você pode fazer upload de novas imagens ou selecionar imagens para sua galeria de mídia para exibir em suas postagens.

Existem vários outros blocos que são realmente úteis ao criar seu conteúdo.

Por que você precisa de um plug-in personalizado do Gutenberg?

Como o Gutenberg já oferece tantos blocos nas opções padrão que podem cuidar de quase toda a necessidade quando se trata de criar uma postagem no blog, por que você precisa de um plugin personalizado?

A principal razão pela qual você precisa de um plug-in de bloco personalizado do Gutenberg é porque os blocos padrão são limitados em termos de possibilidades de design. Além disso, você pode precisar de vários outros blocos em seu site que ainda não estejam disponíveis entre as opções padrão.

Se você está gerenciando um blog muito simples, onde deseja apenas publicar conteúdo e não precisa de recursos estendidos, as opções padrão são boas o suficiente.

Gutenberg não é apenas o editor, é um construtor de sites em si e esses plugins de blocos personalizados do Gutenberg simplificam o processo de criar um design de ótima aparência para o seu site.

Você pode usar muitos dos seguintes plugins de bloco para criar um design completamente personalizado para o seu site, você não precisará mais de um construtor de sites.

Então, sem mais delongas, vamos dar uma olhada nos principais plugins de blocos do Gutenberg.

GutenBee

O GutenBee é outro ótimo plugin gratuito que oferece uma grande seleção de blocos personalizados do Gutenberg para tornar a criação de conteúdo em seu site WordPress mais fácil e flexível.

No momento, o GutenBee agrupa 27 blocos personalizados com novos blocos e recursos atualizados adicionados regularmente.

Crie menus incríveis para seu bar ou restaurante completos com imagens, preços e descrições com o bloco Food Menu.

Esqueça a aparência padrão chata dos mapas, com os blocos do Google Maps você pode selecionar um dos muitos estilos personalizados agrupados ou até mesmo trazer seu próprio estilo SnazzyMaps para incrementar sua página de contato.

O bloco de revisão permite que você resuma sua revisão de filme, comida, jogo etc. com várias categorias e uma classificação média automática.

Crie banners atraentes com fundos de paralaxe e vídeo para atrair a atenção do seu público.

Arraste e solte o bloco Tipos de postagem no conteúdo para criar listagens de postagem e tipos de postagem personalizados com números de coluna variáveis, filtragem de categoria e muito mais.

É claro que o GutenBee oferece todos os blocos essenciais, como parágrafos, títulos, guias, acordeões, galeria, blocos de ícones e muito mais.

Os blocos GutenBee oferecem amplas opções de aparência com cores personalizáveis, fundos, bordas, sombras e muito mais. Além disso, suas opções de visibilidade permitem mostrar ou ocultar blocos com base no tipo de dispositivo em que estão sendo visualizados ou mostrar/ocultar blocos para usuários conectados ou desconectados.

Blocos Atômicos: Complementos para o Editor Gutenberg

Um plugin WordPress de bloco Gutenberg gratuito e popular que oferece vários blocos úteis para o seu site WordPress.

O plugin é assumido pela equipe WPEngine, então você pode esperar uma atualização regular e novos blocos úteis no futuro.

O plugin já oferece alguns blocos muito úteis prontos para serem usados.

• Postar bloco de grade
• O bloco de contêineres
• Blocos de apelo à ação
• Botão personalizável
• Espaçador e dividido
• Perfil do autor
• Capitular
• Testemunho
• Aviso embutido
• Acordeão
• Compartilhar ícones

O plugin é simples e fácil de usar. Depois de ativar o plug-in, você terá a opção no back-end do administrador.

O plugin adicionará uma nova opção Atomic Block no editor de blocos. Você pode escolher qualquer um dos Blocos Atômicos prontos para sua página como qualquer outro bloco Gutenberg.

Gutenberg avançado

Advanced Gutenberg é um plugin WordPress Gutenberg muito útil que trará mais de 20 blocos úteis diferentes para o seu site WordPress.

Este é um plugin criado pela equipe do JoomUnited que oferece alguns outros plugins úteis do WordPress junto com o plugin Advanced Gutenberg.

Depois de ativar o plug-in, você terá a opção no painel de administração. O plugin oferece a opção de criar perfis adicionais e atribuir blocos de acordo com a função ou perfil.

Você pode adicionar os blocos avançados enquanto edita sua postagem e personalizá-la diretamente no editor Gutenberg. Este plugin aprimora alguns dos blocos mais importantes, como imagens, botões, etc., com vários recursos adicionais.

Gutenberg oferece vários blocos que são necessários para criar um design de artigo rico, como botões, tabelas, etc. Mas as opções de design são limitadas. O plug-in Advanced Gutenberg aprimora todos esses blocos prontos com novas opções de design, juntamente com os blocos adicionais que este plug-in traz.

Vamos dar uma olhada no recurso de tabela.

Se você deseja colocar uma tabela de comparação para qualquer produto ou serviço, a tabela padrão do Gutenberg é muito limitada em termos de design, o Advanced Gutenberg a completará adicionando as opções de estilo a ela.

Spectra (anteriormente Ultimate Addons para Gutenberg )

Um dos principais plugins WordPress do Gutenberg Blocks, o Spectra traz vários blocos úteis para o seu site.

Um grande número de usuários já está usando o plugin. E se você está procurando o melhor plugin de bloco Gutenberg para o seu site, pode usar esta ferramenta.

Aqui estão alguns dos blocos importantes oferecidos pelo plugin complementar final.

• Coluna avançada
• Título Avançado
• Chamada para ação
• Mapa do Google
• Postagem na linha do tempo
• Layouts de postagem
• Lista de preços
• E mais

Se você está procurando uma opção para criar um layout bonito baseado em grade para o seu blog, não precisa instalar nenhum plug-in extra, pois o plug-in Spectra vem com a opção de criar diferentes tipos de layouts de postagem para o seu site, incluindo Masonry disposição da grade.

Além disso, se você estiver gerenciando um site onde precisa incluir o Google Map, pode usar o plugin para inserir mapas em suas postagens, publicamos um artigo para mostrar como inserir o Google Map usando o plugin Ultimate aqui.

O bloco de seção é outra opção útil que você pode usar para criar um layout de ótima aparência para as postagens do seu blog. Esses tipos de seções em caixa e largura total não eram possíveis anteriormente com o WordPress, pelo menos sem o uso de um construtor de sites.

Agora, é muito fácil com o Spectra. No geral, este é um dos melhores plugins de blocos do Gutenberg que você pode usar em seu site.

Blocos Supremos

O Ultimate Blocks for Gutenberg oferece 14 blocos diferentes no momento e a equipe está trabalhando em vários novos blocos para torná-lo uma das soluções mais abrangentes para o editor Gutenberg.

O plugin é muito simples e fácil de usar. Ao ativar o plug-in, você verá a opção de plug-in no painel de administração do WordPress. Todos os blocos estão habilitados por padrão e você tem a opção de desabilitar qualquer um dos blocos caso não queira usá-los.

Ao criar uma nova postagem. Você verá um novo grupo de blocos para as opções Ultimate Blocks. Você pode usá-los como qualquer outro bloco padrão do Gutenberg.

O plugin oferece alguns blocos muito importantes que são necessários pelos blogueiros regularmente, como a tabela de conteúdo, classificação por estrelas, clique para twittar, caixas de notificação, cronômetro de contagem regressiva e muito mais.

Portanto, este plug-in retirará vários plug-ins diferentes que você está usando em seu site atualmente, pois pode fazer todas essas tarefas sozinho.

O desenvolvedor oferece um ótimo suporte caso você precise de ajuda com o plugin. Então, se você já começou a usar o editor Gutenberg, vá para o próximo nível com o plugin Ultimate blocks.

Qubelly

Qubely é um plugin de bloco Gutenberg que minimiza todas as limitações do editor Gutenberg e abre novas possibilidades.

Você pode criar qualquer layout complexo usando os blocos personalizados Qubely no editor padrão do WordPress.

Crie planos de preços, recursos, depoimentos, barras de progresso e muito mais com o Qubely. Exiba postagens em exibições de grade e lista, exiba membros da equipe com estilo e vídeo pop-up para atrair mais visitantes.

Assuma o controle total do editor de blocos do WordPress Gutenberg aplicando opções de estilo prontas para uso.

Qubely oferece seções prontas, pacotes de layout, divisores de formas, sistema de controle responsivo específico do dispositivo, opção de controle de tipografia e muitos outros recursos e elementos.

Qubely cuida do design do seu site com blocos personalizados do Gutenberg. Os blocos Qubely são altamente funcionais e fáceis de usar.

Você tem muitas opções para ajustar o design e mostrar o conteúdo da maneira que desejar. O número de blocos no plugin Qubely Gutenberg está aumentando com suas atualizações.

O Qubely já possui 26 blocos totalmente gratuitos para você usar. Mais blocos virão nos próximos dias.

Alguns dos blocos Qubely notáveis ​​são:

• Postar grade
• Preços
• Embalador de bloco
• Equipe
• Imagem
• Linha do tempo
• Fileira
• Testemunho
• Contador
• Abas
• Acordeão/Alternar
• Vídeo pop-up
• Mapa do Google
• Barra de progresso
• Divisor
• Grupo de botões
• Caixa de informação
• Lista avançada
• Formulário de Contato

Empilhável

Stackable é outro plugin que vale a pena mencionar. Este plugin adiciona uma série de blocos muito úteis que podem ser usados ​​ao criar uma página com diferentes elementos como números, contadores, texto com imagem de fundo, etc.

À medida que você ativa este plug-in, ele adiciona uma nova seção de bloco que você pode usar ao criar um design de página rico.

Alguns dos blocos importantes oferecidos por este plugin são

• Cartões
• Contadores
• Recipiente
• Grade em destaque
• Testemunho
• Bloco de notificação
• Bloqueio de membros da equipe
• E mais

Getwid

Se você está procurando uma opção abrangente de plug-in gratuito do Gutenberg, esta é uma ótima opção para você.

Este plugin da MotoPress traz 29 blocos muito úteis que você pode usar em seu site WordPress.

Aqui estão alguns dos blocos importantes que são oferecidos pelo plugin Getwid

• Seção
• Título Avançado
• Bloco de grupo de botões
• avaliações
• Barra de progresso
• Contador
• Postagens recentes
• Caixa de preço
• Links sociais
• Galeria da pilha de imagens
• Instagram
• Bandeira
• Testemunho
• Caixa de preço
• Links sociais
• Postagens recentes

Você obtém um belo tema compatível com Gutenberg gratuito com este plug-in que é totalmente compatível com o plug-in Getwid. Depois de ter essa combinação, você não alimenta outro construtor de sites para o seu site.

CoBlocks: Blocos Gutenberg para profissionais de marketing de conteúdo

Como o nome sugere, este plugin oferece os blocos que são úteis para os profissionais de marketing. Este plugin é criado pela equipe ThemeBeans.

Aqui estão os blocos oferecidos por este plugin

• Bloco Acordeão
• Bloco de Alerta
• Bloco de compartilhamento social
• Bloqueio de Autor
• Bloco Dinâmico de RH
• Clique para Tweetar Bloquear
• Bloco Gif
• Bloco de essência do GitHub
• Bloco de tabela de preços
• Bloco de destaque

Bokez

Bokez é outra incrível coleção de blocos Gutenberg que você pode usar para criar suas páginas. Ele oferece alguns blocos muito importantes, como o depoimento, acordeão, grade de postagem, bloco de capa e mais alguns.

Blocos de edição para Gutenberg

Se você está procurando um plugin que possa usar para criar uma landing page completa com diferentes blocos e elementos, esta é uma boa opção para você.

Este plugin oferece vários blocos Gutenberg muito úteis que você pode usar para criar uma página de destino com seção hero, wrapper de conteúdo, equipe, tabela de preços e muito mais.

Orbitar Raposa

Orbit Fox é um plugin WordPress muito útil com vários recursos e opções úteis. Este único plug-in pode substituir vários outros plug-ins, oferecendo todos esses recursos.

Da simples integração do Google Analytics a modelos de página prontos, tem tudo isso.

Este plugin também oferece vários complementos e widgets para construtores de sites como Elementor e Beaver Builder, tornando-o um produto muito útil.

Oferece botões de compartilhamento social, você pode selecionar os que deseja usar em uma grande lista de opções, oferece modelos de página prontos que você pode usar para criar belas páginas de destino em seu site.

E ainda por cima, você terá 1 GB de tráfego CDN grátis e otimizará as imagens do seu site para que ele carregue mais rápido.

Blocos de Lontra

Otter Blocks é outro plugin de bloco Gutenberg muito útil que você pode usar em seu site WordPress gratuitamente.

Este plugin leve irá ajudá-lo a criar um site visualmente atraente. O plugin oferece vários blocos diferentes.

Ele vem com uma biblioteca de modelos prontos para uso que você pode inserir em suas páginas com um clique e editá-los conforme sua necessidade.

Então, se você quiser evitar aqueles construtores de sites com código pesado que tornam seu site lento, este plugin fará o truque para você.

Blocos importantes

• Bloco de seção
• Bloco deslizante
• Botões avançados
• Bloco de cabeçalho avançado
• Postar bloco de grade
• Bloco de preços e muito mais

Blocos de Kadence

Um construtor de sites em si, o plug-in Kadence Blocks garantirá que você nunca mais precise de um construtor de sites para criar um design completamente personalizado para o seu site.

Não importa que tipo de site você gerencie, seja um blog simples ou um site de comércio eletrônico, o plug-in Kadence Blocks cuidará do design do seu site.

O plug-in oferece vários blocos diferentes que você pode montar e personalizar o tema conforme sua necessidade para tornar seu site perfeito.

Na verdade, o plug-in vem com vários modelos de demonstração de site prontos que você pode importar e usar em seu site. Como o plugin é simples e fácil de usar, você poderá personalizá-lo mesmo se for um novato completo.

Design de bloco extra, estilo, CSS para QUALQUER bloco de Gutenberg

Este é outro plugin do Gutenberg, mas não para adicionar um novo bloco, mas para estilizar os plugins que você já adicionou.

Se você é ativo na comunidade do WordPress, provavelmente conhece plugins como CSSHero que são criados para não designers editarem código CSS em tempo real com estilo visual.

Este é um plugin que é perfeitamente compatível com a maioria dos plugins Gutenberg adicionados a esta lista, você pode usar este plugin para estilizar o bloco que você adiciona através de todos esses plugins de bloco.

Este plugin vem com mais de 60 opções de design. Portanto, se você não é alguém que não se sente confortável com os códigos de estilo CSS, mas deseja personalizar a aparência dos blocos, este plugin é para você.

Palavra final

Estes são alguns dos melhores plugins de bloco do Gutenberg que você pode usar em seu site WordPress. Veremos vários plugins relacionados ao Gutenberg nos próximos dias. De certa forma, esses plugins funcionam como o shortcode no antigo WordPress que usamos para adicionar diferentes funcionalidades às nossas páginas.

Agora, na nova versão do WordPress, eles se tornam blocos ou opções para aprimorar os blocos prontos para torná-los melhores.

Adicionaremos mais plugins do Gutenberg WordPress à medida que testamos mais plugins, portanto, não se esqueça de marcar esta página como favorito e verificar mais opções mais tarde.