Campos de Contenido Flexible para WordPress | Field Forge - Campos personalizados, diseñados para la velocidad
Descargar Iniciar sesión

Campos de Contenido Flexible para WordPress

Qué hace el contenido flexible

Un campo de contenido flexible es un campo basado en filas donde cada fila puede ser uno de varios diseños predefinidos. A diferencia de un repetidor (donde cada fila tiene los mismos subcampos), el contenido flexible permite a los editores elegir qué diseño utilizar por fila.

Ejemplo: constructor de páginas de aterrizaje

Un grupo de campos llamado “Secciones de Página de Aterrizaje” contiene un campo de contenido flexible con cuatro diseños posibles:

  1. Hero — título, subtítulo, imagen de fondo, botón CTA
  2. Características — icono repetido + título + descripción (repetidor anidado)
  3. Testimonio — cita, autor, foto
  4. CTA — encabezado, botón

Un editor que construye una página de aterrizaje hace clic en “Agregar Fila” y elige qué diseño utilizar. Puede agregar un Hero, luego Características, luego dos Testimonios, luego otras Características, y luego un CTA. Mezcla y combina en cualquier orden, cualquier número de cada uno.

El resultado: un constructor de páginas de aterrizaje personalizado con un diseño consistente y datos estructurados.


Cómo se definen los diseños

En el constructor visual de Field Forge, configuras un campo de contenido flexible definiendo diseños. Cada diseño es un contenedor nombrado para subcampos:

“` Contenido Flexible: Secciones de Página

Diseño: Hero

  • Título (Texto, requerido)
  • Subtítulo (Textarea)
  • Imagen de Fondo (Imagen, requerida)
  • Botón CTA (Grupo: texto + URL)

Diseño: Características

  • Título de Sección (Texto)
  • Características (Repetidor)
  • Icono (Seleccionar de la biblioteca de iconos)
  • Título (Texto)
  • Descripción (Textarea)

Diseño: Testimonio

  • Cita (Textarea)
  • Nombre del Autor (Texto)
  • Foto del Autor (Imagen)
  • Empresa del Autor (Texto)

Diseño: CTA

  • Encabezado (Texto)
  • Botón Principal (Grupo)

“`

Los editores ven un desplegable o una cuadrícula de estos diseños al agregar filas.


Código de plantilla (compatible con ACF)

El contenido flexible utiliza las mismas funciones de plantilla que ACF y SCF. El código escrito para ACF funciona sin cambios:

“`php

<img decoding="async" src="“>

“`

La función get_row_layout() devuelve el nombre del diseño de la fila actual, permitiéndote ramificar la lógica de renderizado. Esto es idéntico a cómo ACF maneja el contenido flexible.


Cuándo usar contenido flexible vs un constructor de páginas

El contenido flexible gana cuando:

  • Necesitas datos estructurados (para APIs, TypeScript, headless, marcado schema.org)
  • Los editores deben estar restringidos a diseños aprobados (no diseño libre)
  • Las páginas necesitan renderizarse de manera consistente en todos los dispositivos y a lo largo del tiempo
  • Estás ejecutando un sitio de WordPress headless (el contenido de Elementor / Divi no se serializa limpiamente a JSON)
  • El contenido necesita ser consultable (por ejemplo, “mostrar todos los testimonios de páginas en esta categoría”)

Los constructores de páginas (Elementor, Divi) ganan cuando:

  • Los editores quieren control visual total sobre cada elemento
  • El sitio es muy comercial y el diseño cambia con frecuencia
  • No estás utilizando la API REST de WordPress o GraphQL para el frontend

Muchos sitios utilizan ambos: contenido flexible para secciones estructuradas (páginas de productos, páginas de aterrizaje, estudios de caso) y un constructor de páginas para páginas de marketing únicas.


Migrando desde el contenido flexible de ACF

Si vienes de ACF (o SCF), tus datos de contenido flexible existentes migran sin problemas. El importador de Field Forge:

  1. Lee tus definiciones de campo de contenido flexible de ACF
  2. Recrea los diseños en Field Forge
  3. Migra todos los datos de fila existentes con las etiquetas de diseño preservadas
  4. La capa de compatibilidad con ACF maneja las llamadas get_row_layout() / have_rows() en tu tema

El código de plantilla que utiliza get_row_layout() sigue funcionando sin cambios.


Rendimiento en contenido flexible

Los campos de contenido flexible son históricamente lentos en ACF y SCF porque los datos de cada fila se almacenan como entradas separadas de wp_postmeta. Una página con 10 filas de contenido flexible y 5 subcampos por fila = 50 entradas meta, y la consulta para reconstruir el orden de las filas y los nombres de los diseños es compleja.

Field Forge almacena las filas de contenido flexible en la tabla personalizada wp_fieldforge_values con las columnas parent_id y row_index adecuadas. Una sola consulta obtiene todas las filas con sus diseños y valores de subcampos. Aprende más sobre el almacenamiento en tablas personalizadas →


Salida de la API REST

Las filas de contenido flexible se exponen como un array de objetos con el nombre del diseño incluido:

json { "page_sections": [ { "acf_fc_layout": "hero", "title": "Bienvenido a Nuestro Sitio", "subtitle": "Construyendo mejores experiencias de WordPress", "background_image": { "id": 123, "url": "..." } }, { "acf_fc_layout": "features", "section_title": "Por Qué Elegirnos", "features": [ { "title": "Rápido", "description": "..." }, { "title": "Confiable", "description": "..." } ] }, { "acf_fc_layout": "cta", "headline": "¿Listo para empezar?" } ] }

La clave acf_fc_layout coincide con el formato de salida de ACF para los consumidores de la API REST que ya analizan los datos de ACF.


¿Listo para usar contenido flexible?

Obtén Field Forge — desde $35/año →

El contenido flexible está incluido en cada plan de pago.

Asistente de IA de Forge En línea

¡Hola! Soy el asistente de IA de Field Forge. Pregúntame lo que quieras sobre el plugin — configuración, funciones, resolución de problemas o desarrollo.

Ahora mismo
Con la tecnología de Forge AI · Explorar documentación