Uma das grandes vantagens do novo editor de blocos do WordPress (Gutenberg) é que você não se limita apenas aos blocos padrão. Ou seja, você também pode instalar plugins de bloco do WordPress para adicionar todos os tipos de novos blocos de conteúdo e layout.
Com esses blocos, você pode fazer com que o editor de blocos se pareça muito mais com um construtor de páginas, onde você pode criar facilmente layouts de várias colunas, inserir conteúdo com estilo – como depoimentos ou uma tabela de preços – e muito mais.
Os 8 Melhores Plugins de Bloco para Gutenberg no WordPress
Para ajudar você a descobrir algumas de suas opções, coletei oito dos melhores plugins de bloco para o Gutenberg.
1. Kadence Blocks
Embora o Kadence Blocks adicione alguns novos blocos de conteúdo, o mais exclusivo são as novas opções de layout, o que torna uma boa opção para emparelhar com todos os outros plugins desta lista.
Estou falando especificamente do novo bloco de layout de linha que ele adiciona. Com esse bloco, você pode criar seus próprios layouts de linhas / colunas personalizáveis, compostos por outros blocos.
Ao inseri-lo, você poderá escolher a estrutura da coluna desejada e também poderá ajustar manualmente a largura de cada coluna usando o recurso de arrastar e soltar:
Ou você também pode inserir layouts de blocos pré-criados da biblioteca do plugin.
Além de criar larguras personalizadas, você também pode adicionar planos de fundo e bordas e controlar o design responsivo.
Além do bloco Layout da linha, o Kadence Blocks também adiciona outros 8 blocos para:
- Espaçador / divisor
- Botão Avançado
- Ícone
- Título avançado
- Guias
- Caixa de informação
- Acordeão
- Lista de ícones
2. Ultimate Addons for Gutenberg
Ultimate Addons for Gutenberg é um conjunto de novos blocos do Brainstorm Force, os mesmos fabricantes de conjuntos de addons com nomes semelhantes para os plugins de construtores de páginas Elementor e Beaver Builder. Este fornece a você novo layout e novos blocos de conteúdo.
Na frente do layout, você obtém blocos para Colunas e Seção Avançadas. Quanto aos novos blocos de conteúdo, você oferece inúmeras opções. Aqui está uma lista parcial de alguns dos mais notáveis:
- Título avançado
- Apelo à ação
- Modeladores de formulários para Formulário de contato 7 e Gravity Forms
- Linha do tempo do conteúdo
- Botão de Marketing
- Várias maneiras de exibir postagens do blog, incluindo um layout de carrossel, grade e alvenaria
- Lista de preços
- Depoimentos
- Membros do time
O bloco Seção oferece uma maneira de agrupar outros blocos e ajuda com planos de fundo, espaçamento e outras configurações em nível de grupo, e as Colunas Avançadas oferecem um nível de profundidade semelhante ao Kadence Blocks, embora eu ache que os Kadence Blocks sejam um pouco mais fácil de usar quando se trata de ajustar as larguras das colunas.
3. Stackable
Stackable vem nas versões gratuita e premium e oferece uma tonelada de novos blocos de conteúdo para o Gutenberg. Foi um dos primeiros adotantes de plugins do Gutenberg e continua a se tornar uma das opções mais populares, com mais de 10.000 sites.
No momento em que escrevo esta postagem, você recebe mais de 23 novos blocos. Aqui está uma lista parcial de alguns dos destaques:
- Contador
- Depoimento
- Membro da equipe
- Popup de vídeo
- Caixa de Preços
- Caixa de imagem
- Apelo à ação
- Cartão de mensagens
Você pode visualizar demos para todos os blocos no site do Stackable.
Além da versão gratuita no WordPress.org, há também uma versão premium que adiciona suporte para:
- Layouts premium (para os blocos existentes)
- Mais efeitos, como novos efeitos de foco
- Um personalizador de CSS
- Alguns outros recursos menores
A versão premium começa em US$ 29 para uso em um único site.
4. CoBlocks
O CoBlocks é um conjunto atraente de blocos de layout e conteúdo que recentemente teve a distinção de ser adquirido pelo GoDaddy. Sim, o gigante de hospedagem / domínio!
Um dos novos blocos mais versáteis do CoBlocks são suas linhas/colunas redimensionáveis. Como alguns outros plugins que adicionam esse estilo de bloco, isso ajuda a criar alguns designs mais exclusivos e complicados com o editor de blocos.
Além disso, você recebe mais de 17 blocos – eis alguns dos destaques:
- Divisor de formas – permite criar alguns efeitos de layout realmente legais
- Cartão de Mídia
- Perfil do Autor
- Clique para Tweet
- Separador Dinâmico
- Tabela de Preços
Veja a seguir quais tipos de ações você pode fazer com o novo bloco Shape Divider:
5. Otter
Há duas partes para Otter. Primeiro, ele adiciona mais de 12 novos blocos de conteúdo que você pode usar em seus designs. Em seguida, também adiciona modelos pré-criados (criados com blocos) que você pode inserir no editor de blocos.
Aqui estão alguns dos destaques:
- Seção – permite escolher diferentes layouts de coluna e / ou inserir um dos modelos predefinidos da biblioteca de modelos
- Cartão de plugin – permite incorporar os detalhes de um plugin no WordPress.org
- Depoimentos
- Tabela de preços
- sobre o autor
E aqui está a aparência de inserir um modelo através do bloco Seção.
6. Lazy Blocks
O Lazy Blocks é único porque, na verdade, não adiciona novos blocos por si só. Em vez disso, o Lazy Blocks permite adicionar seus próprios blocos personalizados do Gutenberg, sem a necessidade de escrever uma única linha de JavaScript.
Essencialmente, você “constrói” seu bloco personalizado escolhendo para quais campos deseja coletar informações. Em seguida, você pode usar HTML / CSS e tags simples para controlar a aparência de todas essas informações no front-end.
Se você já trabalhou com o plugin Pods, é bastante semelhante à abordagem usada pelo Pods. Embora você definitivamente precise de HTML e CSS básico para tirar o máximo proveito deste plugin, trata-se da solução mais simples que você encontrará para criar seu próprio bloco em Gutenberg.
7. Atomic Blocks
Juntamente com Stackable, Atomic Blocks é outro dos primeiros a adotar o editor de blocos de Gutenberg. É um plugin dos Temas de matriz, que foi adquirido pelo WP Engine. Assim como o CoBlocks, o Atomic Blocks é apoiado por um grande player no espaço do WordPress.
O Atomic Blocks não vem com nenhum bloco super chique. Em vez disso, fornece apenas blocos simples e utilitários (mas de boa aparência) que são úteis em várias situações. Atualmente, oferece 13 blocos para:
- Preços
- Grade de postagem
- Recipiente
- Depoimento
- Aviso em linha
- Acordeão
- Compartilhar ícones
- CTA
- Botão customizável
- Espaçador & Divisor
- Perfil do Autor
- Capitular
- Noticiário por e-mail
Além disso, outra coisa única sobre o plugin Atomic Blocks é que você também pode emparelhá-lo com o tema dedicado de Atomic Blocks para uma experiência unificada. No entanto, você certamente não precisa fazer isso, e o plugin funciona com qualquer tema.
8. Block Gallery
A Block Gallery é do mesmo desenvolvedor que a CoBlocks, o que significa que também fez parte da aquisição da GoDaddy.
No entanto, enquanto o CoBlocks se concentra mais em blocos de uso geral, a Block Gallery se concentra em ajudá-lo a exibir galerias de fotos em seus projetos, com blocos dedicados para:
- Galeria de alvenaria
- Galeria empilhada em tela cheia
- Controle deslizante de carrossel
Portanto, se você está procurando uma ótima maneira de exibir imagens no editor de blocos, essa é uma opção excelente.
Conclusão
Todos esses plugins ajudam a aprimorar o novo editor de blocos do WordPress, oferecendo mais opções quando se trata de layout e conteúdo.
No entanto, você ainda precisará entender a interface principal do editor de blocos para aproveitar ao máximo esses plugins.
Alguma dúvida sobre como usar esses plugins do editor de blocos do WordPress? Pergunte na seção de comentários!
Ferramentas WordPress Veja Mais Ferramentas
MonsterInsights
Regenerate Thumbnail
PublishPress
Olá, muito bom estes plugins. Que ótimo que estão desenvolvendo estes blocos para auxiliar em um bom design.
Gostaria de saber se alguns destes funcionam com o Plugin AMP for WP?
Já foi testado algum?
Obrigado
Olá Reinaldo,
Não testamos esses plugins com páginas AMP.
A melhor forma de obter essa informação é visitando as páginas desses plugins ou entrando em contato com os desenvolvedores.
Abraço.
Olá, ótimo Post… Eu tenho uma dúvida… eu desenvolvo tema wordpress.. eu programa o tema inteiro e claro uso o Bootstrap… queria saber se tem algum esquema de Blocos que trabalhe junto com o Bootstrap.. pq por exemplo o Bootstrap ja tem Grid ja tem um monte de coisa.. ai vou adicionar outro Plugin que vai adicionar outro sistema de Grid.. o site vai ficar com 2 sistemas de grid diferentes certo?
Você acha que eu teria que usar o Lazy Blocks para criar meus próprios blocos baseados em Bootstrap ?
Olá! Muito boa a sua lista de opções!
Estou usando um destes itens e notei que existe um limite de blocos. Quando ultrapasso este limite os itens ficam no backend e não são exibidos no frontend; além de distorcer parte do conteúdo quando o limite é ultrapassado.
Saberia me dizer como aumentar o número de blocos ?
Na realidade acho que o Limite vem da sua hospedagem, tenta aumentar os limites no php.ini – algo parecido com isso.
upload_max_filesize = 128M
post_max_size = 128M
max_execution_time = 300