Descubre ACF PRO 6.7 Beta 1: ¡Nuevas Funciones y Mejoras que No Puedes Perderte!

¡Nuevo Lanzamiento de ACF PRO 6.7 Beta!

Desde Zonsai, estamos emocionados de compartir con vosotros la primera versión beta de ACF PRO 6.7. Esta actualización trae consigo una de las características más esperadas: Inline Editing para los ACF Blocks.

¿Qué es el Inline Editing?

Esta innovadora función permitirá a los editores de contenido editar los datos de los campos directamente en el área de vista previa del bloque, simplemente haciendo clic en el texto que desean cambiar, sin necesidad de ningún código adicional o JavaScript por parte del creador del bloque. ¿Suena genial, verdad?

El Inline Editing es una función opcional para los ACF Blocks que están construidos con la versión 3. Este nuevo enfoque simplifica drásticamente la experiencia de edición, haciendo que editar ACF Blocks sea tan intuitivo como trabajar con los bloques nativos de WordPress. Esto significa que los editores de contenido disfrutarán de una experiencia flexible y controlada, al tiempo que los desarrolladores pueden mantener la integridad del diseño de sus sitios.

Tipos de Inline Editing

El Inline Editing ofrece dos experiencias de edición diferentes para los creadores de contenido: Text Editable y Toolbar Editable. La experiencia que tendrás depende del tipo de dato del campo ACF que estés utilizando.

Text Editable

Este método permite a los editores escribir directamente en un elemento dentro de la vista previa del bloque. Es especialmente útil para los campos de Texto y Área de Texto. ¡Es como escribir directamente en el bloque!

Imagina la fluidez de trabajar en el editor sin complicaciones.

Toolbar Editable

Este tipo de edición se aplica a todos los demás tipos de campo admitidos (excluyendo los de Repeating y Flexible Content). Al hacer clic en un campo, aparecerá una barra de herramientas donde podrás editar el contenido de manera similar a los bloques nativos usando la UI de edición de ACF que conoces y amas.

Activación de Inline Editing

Edición Inline Automática

Para disfrutar de la edición inline en tu bloque ACF, bastará con configurar autoInlineEditing como true en tu archivo block.json.

Con esta opción activada, ACF aplicará automáticamente la funcionalidad de edición inline a cualquier elemento HTML que contenga únicamente el valor de un campo ACF. Por ejemplo, un párrafo que solo tenga el valor de un campo ACF será editable directamente o mediante la experiencia de edición de barra de herramientas.

Control Manual de Edición Inline

Si prefieres un mayor control sobre la experiencia de edición, puedes usar dos funciones en tu plantilla de renderizado del bloque para hacer que cualquier elemento HTML sea editable inline.

acf_inline_text_editing_attrs: Permite que se escriba directamente en un elemento HTML como si fuera un campo de texto.
acf_inline_toolbar_editing_attrs(): Habilita la aparición de una barra de herramientas de ACF cuando se hace clic o se centra en un elemento.

Personalización

Mezcla y Control Total

Tienes la opción de mezclar tanto campos automáticos como manuales en tu plantilla de renderizado. Si decides tener control total sobre qué elementos deben ser editables inline, simplemente establece autoInlineEditing como false en tu block.json y usa las funciones mencionadas para los elementos HTML deseados.

Barra de Herramientas y Edición de Texto

Puedes personalizar los iconos utilizados en la barra de herramientas, así como el texto de marcador de posición que se mostrará cuando un campo esté vacío. ¡Todo es posible para que se ajuste a tus necesidades!

Compatibilidad con Tipos de Campo

A continuación, te mostramos un desglose de qué tipos de campo son compatibles con las diferentes experiencias de edición. Tenemos planes para mejorar la experiencia de edición inline para campos con subcampos como los de Repeater en actualizaciones futuras.

Tipo de Campo	Edición de Texto	Edición con Barra de Herramientas	Panel de Edición Expandido
Texto	✅	✅	✅
Área de Texto	✅	✅	✅
Número	❌	✅	✅

Inline Editing solo está disponible para ACF Blocks que utilizan la versión 3. Aprende cómo actualizar tus bloques a la v3.

Pruebas de la Versión Candidate

Recuerda que esta es una versión PRO. Para acceder a ella, inicia sesión en tu cuenta en la página de “Licencias”. Aunque es una beta, se ha lanzado para que la comunidad ACF la pruebe en entornos de desarrollo y staging. ¡Esperamos vuestros comentarios!

¿Quieres estar al tanto de las futuras versiones preliminares? Regístrate en nuestra lista de correo de Beta news.

Para las últimas novedades de ACF, síguenos en @wp_acf en X.