Las versiones recientes de ACF y WordPress han cambiado significativamente la forma en que debes registrar y usar ACF Blocks. Consulta nuestra documentación actual para conocer los métodos correctos de registro de ACF Blocks.

La emoción en torno a Gutenberg, la nueva experiencia de edición de WordPress basada en bloques, ha sido notable. Una de sus características más atractivas es la capacidad para que los desarrolladores creen sus propios tipos de bloques personalizados. Esto abre un sinfín de posibilidades para la personalización.

Hay solo un pequeño problema. Crear bloques personalizados es extremadamente complicado. ¿Qué tan complicado? Bueno, incluso un simple bloque de testimonios requiere una gran cantidad de código.

Todo el proceso es intensivo en tiempo y código. Como resultado, muchos desarrolladores considerarán que la característica de bloques personalizados está fuera de su alcance.

Mientras nos hemos esforzado por garantizar la compatibilidad de metaboxes con Gutenberg, se nos ocurrió una idea. ¿Qué tal si pudiéramos facilitar la construcción de tipos de bloques personalizados para Gutenberg? ¡Bloques que te permitan usar ACF + PHP para crear contenido dinámico impresionante!

Bueno, no ha sido fácil, ¡pero nos complace anunciar que nuestra característica de ACF Blocks está comenzando a tomar forma! De hecho, ¡ya puedes probarla! La versión 5.8.0-beta1 de ACF ya está disponible para su descarga e incluye una etapa inicial de nuestra función de ACF Blocks para ayudarte a crear tipos de bloques personalizados sin complicaciones.

Crea Bloques Personalizados en Minutos, No Horas ⚡

Crear bloques personalizados manualmente significa pasar por interminables montones de JavaScript. ACF Blocks, por otro lado, hace todo el trabajo duro por ti para que puedas relajarte, sentarte y seguir escribiendo código PHP y HTML simple.

Hemos simplificado el proceso a solo tres pasos:

1. Registrar un Bloque

Similar al registro de un tipo de entrada en WP, la función acf_register_block() te permite registrar un tipo de bloque personalizado desde tu archivo functions.php. Esta función acepta un array de configuraciones que puedes utilizar para personalizar tu bloque, incluido un nombre, descripción y más.

ℹ️ Estas configuraciones están estrechamente relacionadas con la función de JavaScript de registro de bloques de WordPress, registerBlockType().

También necesitarás agregar el nombre de tu función de devolución de llamada, que explicaremos con más detalle a continuación.

2. Crear un Grupo de Campos

A continuación, crea un grupo de campos. Ten en cuenta que todos los campos de ACF pueden ser utilizados dentro de tu bloque, no hay limitaciones.

Desde las reglas de ubicación, utiliza la regla «Bloque» para seleccionar tu tipo de bloque recién registrado.

3. Renderizar el Bloque

Por último, deberás indicarle a ACF cómo renderizar tu bloque. Esencialmente, es el mismo proceso que estás acostumbrado a seguir para mostrar campos personalizados, solo que tu HTML + PHP está envuelto en una función.

Recuerda ese ajuste render_callback mencionado anteriormente? Esta es la función de PHP que renderiza el HTML de tu bloque y donde puedes escribir tu código personalizado. Recomendamos adoptar un enfoque «modular» utilizando una función de devolución de llamada genérica para incluir una «parte de plantilla» para tu bloque. Esto es posible utilizando el parámetro $block.

Descubre más detalles en el artículo original: https://www.advancedcustomfields.com/blog/acf-5-8-introducing-acf-blocks-for-gutenberg/.

Mantén tu sitio actualizado con los expertos de Zonsai.