Constructor de Grupos de Campos Visuales — Arrastrar y Soltar | Field Forge - Campos personalizados, diseñados para la velocidad
Descargar Iniciar sesión

Constructor de Grupos de Campos Visuales — Arrastrar y Soltar

Diseño de tres paneles

Panel izquierdo: paleta de tipos de campo

Los 32 tipos de campo organizados por categoría (Básico, Contenido, Opción, Relacional, jQuery, Diseño, Pro Compuesto, Bloques) con un cuadro de búsqueda en la parte superior. Arrastra cualquier tipo a tu grupo de campos.

Las categorías se colapsan y expanden para ajustarse a pantallas grandes. La búsqueda reduce instantáneamente la lista de campos: escribe “imagen” para ver Imagen, Galería, oEmbed. Escribe “fecha” para ver Selector de Fecha, Selector de Hora.

Panel medio: lienzo del grupo de campos

Tu grupo de campos actual renderizado como una lista ordenable. Cada campo muestra:

  • Icono del tipo de campo
  • Etiqueta del campo (editable en línea)
  • Nombre del campo (generado automáticamente a partir de la etiqueta, editable)
  • Mango de arrastre para reordenar
  • Botón de duplicar
  • Botón de eliminar

Haz clic en cualquier campo para seleccionarlo y abrir su configuración en el panel derecho.

Panel derecho: configuración del campo seleccionado

La configuración del campo seleccionado. Las configuraciones varían según el tipo de campo, pero siempre incluyen:

  • Etiqueta — lo que los editores ven en el editor de publicaciones
  • Nombre — el nombre de la variable PHP utilizado en get_field('name')
  • Requerido — si el campo debe ser completado
  • Instrucciones — texto de ayuda mostrado a los editores
  • Valor por defecto — valor pre-llenado para nuevas publicaciones
  • Logica condicional — mostrar/ocultar basado en otros valores de campo

Las configuraciones específicas del tipo de campo aparecen a continuación (opciones para Seleccionar, tipos permitidos para Archivo, etc.).


Edición de etiquetas en línea

Haz doble clic en la etiqueta de cualquier campo en el panel medio para editar en su lugar. Presiona Enter o haz clic fuera para guardar. Sin cuadro de diálogo, sin viaje al panel de configuración: solo cambios rápidos de etiqueta para cuando estás nombrando campos sobre la marcha.


Vista previa en tiempo real

A medida que editas la configuración del campo, una vista previa se actualiza en el panel medio. Ves exactamente cómo se verá el campo en el editor de publicaciones antes de guardar. Configuraciones como Requerido, Instrucciones y opciones específicas del tipo de campo se reflejan en la vista previa inmediatamente.

Para campos complejos como Repetidor y Contenido Flexible, la vista previa muestra la estructura completa de la fila con subcampos renderizados correctamente.


Atajos de teclado

  • Cmd/Ctrl + S — guardar el grupo de campos
  • Cmd/Ctrl + Shift + F — abrir el modal de “añadir campo”
  • Cmd/Ctrl + Z — deshacer el último cambio
  • Cmd/Ctrl + Shift + Z — rehacer
  • Esc — cerrar modal o cancelar acción
  • Eliminar — eliminar el campo seleccionado (con confirmación)

Duplicación de campos

Haz clic en el icono de duplicar en cualquier campo para copiarlo en su lugar. El duplicado hereda todas las configuraciones: tipo, etiqueta, instrucciones, valores por defecto — y se coloca directamente después del original con “(copia)” añadido a la etiqueta. Edita las configuraciones del duplicado para personalizar.

Ahorra un montón de tiempo al construir campos similares repetidamente.


Reordenamiento por arrastre y soltar

Agarra el mango de arrastre de cualquier campo y muévelo hacia arriba o hacia abajo dentro del grupo de campos. Arrastra sobre los bordes de otros campos para soltarlo por encima o por debajo de ellos.

Para campos anidados (dentro de Repetidor, Grupo o Contenido Flexible), arrastra para reordenar subcampos dentro de su padre sin afectar los campos externos.


Editor de reglas de ubicación

Debajo del lienzo del grupo de campos, la sección de Reglas de Ubicación controla qué contenido muestra este grupo de campos. Las reglas utilizan un editor visual con menús desplegables:

  • Tipo de regla (Tipo de publicación, Página, Taxonomía, Rol de Usuario Actual, etc.)
  • Operador (es, no es, es igual a, es mayor que)
  • Valor (depende del tipo de regla)

Combina reglas con AND (dentro de un grupo) y OR (entre grupos) para coincidencias complejas.

Ejemplo: “Mostrar este grupo de campos si el Tipo de Publicación es ‘producto’ Y la Categoría de Publicación es ‘destacada’ O el Rol de Usuario Actual es ‘administrador’.”


Configuraciones del grupo de campos

Configuraciones de nivel superior para todo el grupo de campos:

  • Título (nombre interno)
  • Posición (normal, lateral o avanzada — dónde mostrar en el editor de publicaciones)
  • Estilo (predeterminado, sin costuras, caja meta, ninguno)
  • Ubicación de la etiqueta (superior o izquierda)
  • Ubicación de las instrucciones (etiqueta o campo)
  • Ocultar en pantalla (qué pantallas de WordPress ocultar: discusión, comentarios, imagen destacada, etc.)
  • Sincronización de JSON local (habilitar/deshabilitar por grupo)
  • Versionado de esquema (habilitar/deshabilitar por grupo)

Botón de generación de IA

En la parte superior del constructor de grupos de campos, el botón Generar con IA abre una entrada para descripciones en inglés sencillo. Escribe una descripción, la IA crea el grupo de campos, revisas y guardas. Aprende más sobre la generación de esquemas con IA →.


Funciona junto al código

Para desarrolladores que quieren tanto edición visual como flujos de trabajo basados en código:

  • Sincronización de JSON local guarda grupos de campos como archivos JSON en tu tema para versionado con git
  • Exportar a PHP genera fieldforge_register_field_group() código para configuración programática
  • Importar desde código escanea archivos del tema en busca de código de grupo de campos existente y convierte

Este enfoque híbrido es especialmente útil al migrar desde CMB2 o Carbon Fields: los desarrolladores pueden mantener el control basado en código mientras que los miembros del equipo no desarrolladores obtienen un constructor visual.


Comparado con otros constructores

vs el constructor de ACF

Diseño de tres paneles similar. Field Forge añade atajos de teclado, edición de etiquetas en línea y vista previa en vivo. La generación de IA es única de Field Forge.

vs el constructor de Meta Box

Field Forge es más moderno (la interfaz de administración de Meta Box no ha cambiado mucho desde 2018). Paridad de características similar, Field Forge es más rápido de usar para grupos complejos.

vs CMB2 / Carbon Fields

CMB2 y Carbon Fields no tienen un constructor visual: los campos se definen en PHP. Field Forge ofrece ambos: constructor visual para la mayoría de los casos de uso, además de una API de código para desarrolladores que prefieren la configuración programática.


¿Listo para construir grupos de campos visualmente?

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

El constructor visual está en cada versión de Field Forge, incluida la gratuita.

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