ACF Blocks fornece uma variedade de blocos criados a partir do Advanced Custom Fields Pro
Publicados: 2020-05-07No fim de semana, Munir Kamal lançou a versão 2.0 de seu plugin ACF Blocks, um projeto que cria um conjunto de blocos para o editor. O plugin oferece 18 blocos personalizados em sua versão gratuita e mais 15 na atualização pro. Ele é construído em cima do Advanced Custom Fields Pro (ACF Pro).
A atualização mais recente do plug-in adicionou suporte para tipografia, incluindo opções para usar várias fontes do Google para texto em bloco. Kamal também incluiu opções de estilo básico para recursos de design como margem e preenchimento para cada bloco no plugin.
Com o ACF Pro como uma dependência rígida, ele limita o público dos ACF Blocks. Em grande parte, este plugin será útil para agências e freelancers que precisam criar recursos rapidamente para clientes dentro de seu orçamento. Para esse propósito, o plugin faz um trabalho sólido.
O acoplamento estreito com o ACF Pro prejudica a experiência do usuário para o plug-in. No entanto, as ideias por trás do ACF Blocks e suas opções personalizadas compensam as deficiências de confiar em seu plug-in pai dependente. A dissociação dos dois é improvável, mas proporcionaria uma experiência mais suave e abriria o plug-in para um público mais amplo.
Kamal se inspirou para o plugin do ACF e sua versão pro. Ele descreveu o processo de construção de blocos com o framework “super fácil”, mesmo para um desenvolvedor de nível intermediário. “Tem sido uma estrutura incrível do WordPress há anos para criar campos personalizados”, disse ele. “E quando [Elliot Condon] anunciou o recurso de criação de blocos no ACF, isso rapidamente me levou a construir esta coleção de blocos ACF prontos para uso.”
A maior limitação técnica é que Kamal não pode construir blocos aninhados, que é uma limitação atual do ACF. “Já discuti isso com [Condon], e ele já está trabalhando para trazer essa funcionalidade em breve”, disse ele. “Quando isso chegar ao ACF, podemos criar blocos Gutenberg mais incríveis e poderosos.”
Assista a um breve passo a passo de como o plug-in funciona:
Variedade útil de blocos
Ao testar principalmente a versão gratuita do ACF Blocks, descobri que ele possui vários blocos úteis que podem atender imediatamente às necessidades comuns dos usuários finais. Com 18 blocos gratuitos disponíveis, os usuários têm muito com o que trabalhar antes de decidir se desejam seguir o caminho de atualização para a versão pro.
Um dos melhores blocos da coleção é o bloco Photo Collage. É a resposta do ACF Blocks ao bloco central da Galeria. As opções de grade para este bloco por si só fazem com que este plugin valha a pena conferir. O bloco oferece entre 2 e 15 layouts de grade, dependendo da opção de grade que o usuário selecionar.
Meu segundo favorito do sortimento é o bloco Testemunho. Juntamente com as opções de tipografia, que estão disponíveis para todos os blocos, você pode se divertir muito criando uma seção de depoimentos.
Esta é uma pequena amostra do que o plugin pode fazer. O bloco Lista de preços pode ajudar os sites de restaurantes a configurar seu menu. O bloco Pricing Box, especialmente quando aninhado no bloco Columns principal, facilita a configuração de uma seção de preços com várias opções de produtos. E o bloco Equipe simplifica a criação de seções de perfil na página da equipe/sobre a empresa.
Os seguintes blocos estão disponíveis na versão gratuita (com vários outros na versão pro):
- Bloco de imagem rolável
- Bloco de guias
- Alternar bloco
- Bloco Acordeão
- Bloco de controle deslizante de imagem
- Bloco de compartilhamento social
- Bloco de colagem de fotos
- Bloqueio de postagens
- Bloco de depoimentos
- Bloco de equipe
- Bloco de vários botões
- Bloco de caixa de preços
- Bloco de lista de preços
- Iniciar bloco de classificação
- Bloqueio da Barra de Progresso
- Bloco de Número do Contador
- Clique para twittar Bloquear
- Bloco de Horário Comercial
Os blocos favoritos de Kamal da suíte geral são o Image Hotspot, que permite aos usuários definir um plano de fundo da imagem com “ponteiros” para exibir conteúdo; Before After Image, que permite comparar duas imagens usando uma barra deslizante; e Photo Collage, o bloco de galeria baseado em grade do plugin. Os dois primeiros estão disponíveis apenas na versão pro do plugin. O criador do plugin disse que acha que todos os blocos são úteis, mas esses foram os mais divertidos de construir.
Espaço para melhorias
ACF Blocks é um bom conceito. Acertou muita coisa. No entanto, existem pequenos problemas que prejudicam a experiência de trabalhar com seus blocos. Esses problemas não são insuperáveis, e espero que Kamal os resolva nas próximas versões com base na familiaridade com seu trabalho anterior e na direção de criar ótimos produtos para os usuários.
O problema mais imediato e provavelmente o mais simples de corrigir são os estilos do plugin para as margens esquerda e direita em cada bloco. O plugin redefine essas margens para 0 por padrão. Dependendo do tema ativo em um site, isso pode deslocar os blocos para a borda da tela em vez da área de conteúdo no front-end. Alguns temas usam margens esquerda/direita para alinhar o conteúdo. Este não é um problema apenas com os Blocos ACF. É predominante entre os plugins com saída de front-end.
Uma solução rápida para o problema da margem é envolver qualquer um dos blocos do plug-in no bloco Grupo principal. Isso colocará as margens de volta sob o controle do tema.
A edição do conteúdo do bloco acontece no painel de opções do bloco em vez de diretamente no bloco. Não tenho certeza se isso é uma limitação do uso da estrutura do ACF Pro ou uma decisão de design da parte de Kamal. Parece estranho pular entre editar conteúdo na área de conteúdo e editar conteúdo na barra lateral.
Um exemplo da minha confusão com o conteúdo do bloco foi com o bloco Photo Collage. Cliquei no bloco, esperando que a biblioteca de mídia aparecesse para upload. Nada aconteceu. Cliquei novamente porque, bem, talvez eu não tenha conseguido um bom clique naquela primeira vez. Nada aconteceu. Eu finalmente encontrei o botão de upload de imagem sob o painel de opções do bloco à direita.
A configuração das opções do bloco pode parecer um pouco lenta às vezes com a saída do bloco no editor não refletindo as alterações imediatamente. Isso ocorre principalmente porque o ACF Blocks conta com os recursos de renderização do lado do servidor do ACF Pro. É improvável que isso possa ser resolvido no plugin de blocos. Alguns usuários podem achar a renderização atrasada tediosa ao editar várias opções.
Pensamentos finais
Kamal reuniu um conjunto útil de blocos que ajudarão muitos usuários finais a criar seções de conteúdo que eles não podem criar imediatamente. Entre as versões gratuita e pro, há um total de 33 blocos. O criador está comprometido em adicionar mais blocos ao longo do tempo com base no feedback do usuário. No futuro imediato, ele planeja continuar hackeando correções de bugs e melhorando o código.
Ainda sinto que o funcionamento do ACF Pro é um obstáculo para o quão bom esse plugin poderia ser se construído do zero. Com isso dito, o framework ajudou a tornar o plugin do Kamal uma realidade. O ACF Blocks é uma vitrine do que é possível através do ACF Pro, que deve inspirar outros desenvolvedores que buscam soluções construídas em cima de um dos frameworks mais usados no ecossistema WordPress.
Kamal entende que alguns usuários do ACF Pro podem tentar criar blocos semelhantes, mas acha que o conhecimento e a dedicação de sua equipe em oferecer suporte são as partes mais importantes da equação. “O ACF Blocks economiza tempo e esforço para criar você mesmo os blocos para os elementos de web design mais comuns”, disse ele.
Nota: esta revisão e feedback do plugin foram solicitados pelo autor do plugin. Leia nossa postagem sobre feedback honesto com base em experiências genuínas para obter mais informações sobre como as avaliações são tratadas.