ACF Blocks proporciona una variedad de bloques creados a partir de Advanced Custom Fields Pro
Publicado: 2020-05-07Durante el fin de semana, Munir Kamal lanzó la versión 2.0 de su complemento ACF Blocks, un proyecto que crea un conjunto de bloques para el editor. El complemento ofrece 18 bloques personalizados en su versión gratuita y 15 más en la actualización profesional. Está construido sobre Advanced Custom Fields Pro (ACF Pro).
La última actualización del complemento agregó soporte para tipografía, incluidas opciones para usar varias fuentes de Google para texto en bloque. Kamal también incluyó opciones de estilo base para características de diseño como margen y relleno para cada bloque en el complemento.
Con ACF Pro como dependencia estricta, limita la audiencia de ACF Blocks. En gran parte, este complemento será útil para agencias y autónomos que necesitan crear rápidamente funciones para clientes dentro de su presupuesto. Para ese propósito, el complemento hace un trabajo sólido.
El estrecho acoplamiento con ACF Pro perjudica la experiencia del usuario para el complemento. Sin embargo, las ideas detrás de ACF Blocks y sus opciones personalizadas compensan las deficiencias de confiar en su complemento principal dependiente. Es poco probable desacoplar los dos, pero sería una experiencia más fluida y abriría el complemento a una audiencia más amplia.
Kamal se inspiró para el complemento de ACF y su versión pro. Describió el proceso de creación de bloques con el marco como "súper fácil", incluso para un desarrollador de nivel intermedio. “Ha sido un marco de trabajo de WordPress increíble durante años para crear campos personalizados”, dijo. “Y cuando [Elliot Condon] anunció la función de creación de bloques en ACF, eso me impulsó rápidamente a crear esta colección de bloques ACF listos para usar”.
La mayor limitación técnica es que Kamal no puede construir bloques anidados, que es una limitación actual de ACF. “Ya lo discutí con [Condon], y él ya está trabajando para traer esa funcionalidad pronto”, dijo. "Una vez que llegue a ACF, podremos crear bloques de Gutenberg más sorprendentes y poderosos".
Vea un breve tutorial de cómo funciona el complemento:
Surtido Útil de Bloques
Mientras probaba principalmente la versión gratuita de ACF Blocks, descubrí que tiene varios bloques útiles que podrían abordar de inmediato las necesidades comunes de los usuarios finales. Con 18 bloques gratuitos disponibles, los usuarios tienen mucho con lo que trabajar antes de decidir si desean pasar a la ruta de actualización a la versión pro.
Uno de los mejores bloques de la colección es el bloque Photo Collage. Es la respuesta de ACF Blocks al bloque principal de Gallery. Las opciones de cuadrícula para este bloque solo hacen que valga la pena echarle un vistazo a este complemento. El bloque ofrece entre 2 y 15 diseños de cuadrícula, según la opción de cuadrícula que seleccione el usuario.
Mi segundo favorito de la variedad es el bloque Testimonial. Junto con las opciones de tipografía, que están disponibles para todos los bloques, puede divertirse mucho diseñando una sección de testimonios.
Esta es una pequeña muestra de lo que puede hacer el complemento. El bloque Lista de precios puede ayudar a los sitios de restaurantes a configurar su menú. El bloque Cuadro de precios, especialmente cuando está anidado en el bloque Columnas principal, facilita la configuración de una sección de precios con múltiples opciones de productos. Y, el bloque Equipo simplifica la creación de secciones de perfil en la página de equipo/acerca de de una empresa.
Los siguientes bloques están disponibles en la versión gratuita (con varios más en la versión pro):
- Bloque de imagen desplazable
- Bloque de pestañas
- Alternar bloque
- Bloque acordeón
- Bloque deslizante de imagen
- Bloque para compartir en redes sociales
- Bloque de collage de fotos
- Bloque de publicaciones
- Bloque de Testimonios
- Bloque de equipo
- Bloque de botones múltiples
- Bloque de caja de precios
- Bloque de lista de precios
- Iniciar bloque de calificación
- Bloque de barra de progreso
- Bloque de número de contador
- Haz clic para tuitear Bloquear
- Bloque de horario comercial
Los bloques favoritos de Kamal de la suite general son Image Hotspot, que permite a los usuarios establecer un fondo de imagen con "punteros" para mostrar contenido; Before After Image, que permite a los usuarios comparar dos imágenes mediante una barra deslizante; y Photo Collage, el bloque de galería basado en cuadrícula del complemento. Los dos primeros están disponibles solo en la versión pro del complemento. El creador del complemento dijo que cree que todos los bloques son útiles, pero estos fueron los más divertidos de construir.
Margen de mejora
ACF Blocks es un buen concepto. Hace muchas cosas bien. Sin embargo, hay problemas menores que empañan la experiencia de trabajar con sus bloques. Estos problemas no son insuperables, y espero que Kamal los aborde en las próximas versiones en función de la familiaridad con su trabajo anterior y su impulso para crear excelentes productos para los usuarios.
El problema más inmediato y probablemente el más sencillo de solucionar son los estilos del complemento para los márgenes izquierdo y derecho en cada bloque. El complemento restablece estos márgenes a 0 de forma predeterminada. Según el tema activo en un sitio, esto podría desplazar los bloques al borde de la pantalla en lugar del área de contenido en la parte frontal. Algunos temas usan márgenes izquierdo/derecho para alinear el contenido. Esto no es un problema solo con los bloques ACF. Prevalece entre los complementos con salida frontal.
Una solución rápida para el problema del margen es envolver cualquiera de los bloques del complemento dentro del bloque del grupo principal. Esto pondrá los márgenes nuevamente bajo el control del tema.
La edición del contenido del bloque se realiza en el panel de opciones del bloque en lugar de hacerlo directamente en el bloque. No estoy seguro de si esto es una limitación del uso del marco ACF Pro o una decisión de diseño por parte de Kamal. Se siente extraño pasar de editar contenido en el área de contenido a editar contenido en la barra lateral.
Un ejemplo de mi confusión con el contenido del bloque fue con el bloque Photo Collage. Hice clic en el bloque, con la esperanza de que apareciera la biblioteca de medios para cargar. No pasó nada. Hice clic nuevamente porque, bueno, tal vez no obtuve un buen clic en esa primera vez. No pasó nada. Eventualmente encontré el botón de carga de imágenes debajo del panel de opciones del bloque a la derecha.
La configuración de las opciones de bloque puede parecer un poco lenta a veces, ya que la salida del bloque en el editor no refleja los cambios de inmediato. Esto se debe principalmente a que ACF Blocks se basa en las capacidades de renderizado del lado del servidor de ACF Pro. Es poco probable que esto se pueda abordar en el complemento de bloques. Algunos usuarios pueden encontrar que la representación retrasada es tediosa al editar múltiples opciones.
Pensamientos finales
Kamal ha reunido un conjunto útil de bloques que ayudarán a muchos usuarios finales a crear secciones de contenido que no pueden crear de manera inmediata. Entre las versiones gratuita y pro, hay un total de 33 bloques. El creador se compromete a agregar más bloques con el tiempo según los comentarios de los usuarios. En el futuro inmediato, planea seguir corrigiendo errores y mejorando el código.
Todavía siento que el funcionamiento de ACF Pro es un obstáculo para lo bueno que podría ser este complemento si se crea desde cero. Dicho esto, el marco ayudó a hacer realidad el complemento de Kamal. ACF Blocks es un escaparate de lo que es posible a través de ACF Pro, lo que debería inspirar a otros desarrolladores que buscan soluciones construidas sobre uno de los marcos más utilizados en el ecosistema de WordPress.
Kamal entiende que algunos usuarios de ACF Pro pueden intentar crear bloques similares, pero siente que el conocimiento y la dedicación de su equipo para ofrecer soporte son las partes más importantes de la ecuación. “ACF Blocks ahorra tiempo y esfuerzo al crear bloques usted mismo para los elementos de diseño web más comunes”, dijo.
Nota: el autor del complemento solicitó esta revisión y comentarios del complemento. Lea nuestra publicación sobre comentarios honestos basados en experiencias genuinas para obtener más información sobre cómo se manejan las revisiones.