Blocos atômicos – um dos melhores plugins de bloco de Gutenberg / WordPress?

Ofertas do WordPress


O Gutenberg, lançado como o novo editor padrão do WordPress em dezembro de 2018, permite criar conteúdo bonito usando blocos de conteúdo – com opções para títulos, galerias, colunas, botões, vídeos e muito mais.

Milhões de usuários do WordPress instalaram o Editor clássico para que possam continuar usando o editor antigo para criar conteúdo. No entanto, muitos proprietários de sites estão começando a apreciar o que Gutenberg pode fazer. Uma razão para isso é o número crescente de plugins de coleta do Gutenberg que o estendem oferecendo blocos de conteúdo adicionais e mais opções.

Neste artigo, veremos Atomic Blocks – um dos melhores plugins de coleções de Gutenberg disponíveis no WordPress.org.

O que os blocos atômicos oferecem?

Originalmente desenvolvido por Mike McAlister, o Atomic Blocks foi adquirido pela empresa de temas WordPress do StudioPress e administrou a empresa de hospedagem WordPress WP Engine (ao lado da loja de temas de matriz de Mike). Marcos Schratzenstaller e John Parris do WordPress também contribuíram para o plugin.

O Atomic Blocks pode ser baixado gratuitamente no WordPress.org ou você pode instalá-lo diretamente na sua área de administração do WordPress.

O futuro da construção de sites

Depois de ativar o plug-in, você verá uma página de introdução. Abaixo está uma lista de blocos disponíveis.

Esta página lista 11 blocos: grade de postagem, contêiner, call to action, depoimento, aviso embutido, ícones de compartilhamento, perfil do autor, acordeão, botão personalizável, capitular e espaçador e divisor.

Blocos de conteúdo disponíveis em blocos atômicos

Quatro blocos adicionais que não estão listados na página de introdução estão disponíveis em Gutenberg: layouts, colunas avançadas, preços e boletim informativo.

O bloco de layouts também pode ser selecionado a partir de um botão de layouts dedicado na parte superior da página.

Lista de blocos atômicos

A área de introdução também lista perguntas e respostas comuns sobre Gutenberg e Atomic Blocks.

Introdução aos blocos atômicos

Sua chave de API do MailChimp pode ser inserida na página de configurações de Atomic Blocks, necessária para usar o bloco de boletins informativos.

Configurações de blocos atômicos

Curiosamente, o Atomic Blocks suporta o projeto AMP (Accelerated Mobile Pages) do Google, criado para aprimorar sites para usuários móveis.

O Atomic Blocks é listado como um plug-in na página AMP para WordPress, pois o Atomic Blocks tem suporte para o AMP embutido em cada bloco.

Criando layouts com blocos atômicos

O Atomic Blocks inclui seções e layouts pré-projetados para ajudá-lo a moldar suas páginas.

O seletor de layout pode ser escolhido na lista de bloqueios ou no botão de layouts na parte superior de cada página e, no momento, existem oito seções e quatro layouts..

Existem seções para um cabeçalho, serviços (três e quatro colunas), mídia e texto, lista e imagem de texto, membros da equipe, depoimentos e informações de contato com o mapa.

Seletor de layout

Dois designs de lançamento de produtos estão disponíveis como layouts, e também um design para empresas e outro para freelancers.

Layout de lançamento do produto

O bloco de contêiner pode ser usado para colocar vários blocos individuais em um contêiner, que pode ser usado para fazer seções em seu site. Você pode definir o preenchimento, as margens, as cores de fundo e as imagens dessa seção.

Sempre achei o bloco de colunas padrão do Gutenberg frustrante, pois o padrão é automaticamente o de duas colunas e você precisa ajustá-lo para adicionar colunas adicionais..

O Atomic Blocks lida melhor com as coisas – quando você seleciona o bloco de colunas, pode escolher de uma a seis colunas e, se você seleciona duas, três ou quatro, recebe uma seleção de layouts que os mostram em larguras diferentes.

Colunas de blocos atômicos

O Atomic Blocks oferece um controle consideravelmente maior sobre os layouts do que o editor padrão do Gutenberg, mas eu adoraria ver os desenvolvedores construírem seu sistema de layout e apresentar mais seções, mais layouts e estruturas adicionais de colunas e linhas.

Os blocos de conteúdo

Os layouts, os contêineres e os blocos de colunas são exibidos na sua área de conteúdo ao adicionar um novo bloco.

Botões de layout

Os 12 blocos restantes podem ser usados ​​para aprimorar seu conteúdo.

Na captura de tela abaixo, você pode ver um exemplo dos blocos de capitular, depoimento, espaçador e aviso. Eles são todos fáceis de usar e há uma boa seleção de opções para cada bloco para ajudar você a modificar o texto e as cores.

Como estilizar seu conteúdo com blocos atômicos

O bloco de grade de postagem e página é útil e permite selecionar o número de colunas para exibir postagens, quais categorias de postagem são exibidas e o comprimento do trecho. Meta informações também podem ser ligadas e desligadas.

Postagens e Grade de Páginas

O bloco da tabela de preços é uma boa adição. Para cada produto, você pode definir o título, descrição, preço, vários recursos e um botão Comprar agora. Tudo o que você precisa fazer é clicar na parte que deseja editar.

As seções de cor e preenchimento estão disponíveis para cada parte da tabela.

O bloco de tabela de preços

Outro bloco útil é o chamado à ação. Você pode usar isso para promover um boletim informativo ou divulgar um novo produto que está vendendo.

Adota um design simples: título, descrição e botão. O botão pode ser vinculado e você pode ajustar cores e até atribuir uma imagem de fundo, se desejar.

Bloco de chamada para ação

No geral, estou impressionado com os bloqueios oferecidos.

Os designs dos blocos têm boa aparência, são fáceis de usar e apresentam muitas opções de estilo.

Tema dos blocos atômicos

Os desenvolvedores do Atomic Blocks também lançaram um tema WordPress gratuito com o mesmo nome, projetado para ser usado com Gutenberg e o plugin Atomic Blocks.

O tema Atomic Blocks possui um design minimalista. Existem algumas opções para o tema no personalizador de temas do WordPress, mas, em comparação com a maioria dos outros temas do WordPress, é bastante limitado.

Tema de blocos atômicos

Por meio do personalizador, você pode ajustar a largura da área de conteúdo, adicionar uma barra de pesquisa ao menu de navegação, selecionar o estilo e o tamanho da fonte e alterar o slogan do rodapé.

O Atomic Blocks Theme pode ser adequado para quem deseja um layout mínimo de blog, mas não faz o suficiente para se destacar da multidão.

Pensamentos finais

Você encontrará muitos plugins de coleções do Gutenberg no WordPress.org, mas o Atomic Blocks é legitimamente considerado um dos melhores.

Suas seções e layouts predefinidos e o versátil sistema de colunas aprimoram uma área em que Gutenberg está ausente. Também há uma boa variedade de blocos relacionados ao conteúdo e todos eles oferecem controle sobre o estilo.

Convido você a verificar os Atomic Blocks para obter uma apreciação completa do que ele pode fazer.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map