Curso de ACF Básico – #03 – Crear y administrar Grupo de Campos

Hoy vamos a estar viendo cómo podemos crear un grupo de campos para nuestro sitio web. Cada grupo de campos tendrá un título, los propios campos, la(s) ubicación(es) donde se mostrará(n) estos campos y por último un conjunto de configuraciones visuales.

VideoTutorial

Contenido exclusivo para usuarios de la Zona Premium

Suscríbete a la Zona Premium para disfrutar de este y demás videotutoriales.

Administrar un Grupo de Campos

Para administrar un grupo de campos debemos:

  1. Ir a Campos Personalizados > Grupo de Campos. Donde nos encontraremos con una pantalla con el listado actual de grupo de campos.
  2. Desde cada fila de Grupos de Campos podrás editar, borrar o bien crear uno nuevo haciendo click en Añadir nuevo.

Crear un nuevo Grupo de Campos

A continuación voy a detallarte los pasos muy simples que debes seguir para crear un grupo de campos de ACF:

  1. Primero debes ir a Campos Personalizados > Añadir nuevo.
  2. Añade un título descriptivo al grupo de campos personalizados. El mismo se utilizará solo como referencia en el listado de campos personalizados.
  3. A continuación vamos a cargar el conjunto de campos personalizados.

Campos personalizados

Formulario en blanco del campo personalizado del tipo Texto.
Formulario en blanco del campo personalizado del tipo Texto.

Para dar de alta un nuevo campo deberemos:

  1. Hacer click en el botón + Añadir Campo. Se desplegará un formulario con campos, por defecto nos muestra un campo del tipo texto.

Configuración general de los Campos Personalizados

Cada tipo de campo mostrará campos propios de configuración (que iremos viendo en distintos artículos), aunque muchos de ellos se utilizan en forma general. Vamos a ver para qué sirven cada uno de ellos:

  • Etiqueta del campo: Será el texto de la etiqueta (label) del campo personalizado.
  • Nombre del campo: Es el nombre único que daremos a nuestro campos personalizado, el cual utilizaremos luego para recuperar los valores. Tendrá que estar compuesto de una sola palabra, sin espacios aunque se permite el uso de guiones bajos y barras.
  • Tipo de campo: Selecciona el tipo de campo para tu campo personalizado (en otros artículos iremos viendo cómo utilizar cada uno de ellos).
  • Instrucciones: En caso de ser necesario puedes agregar una pequeña descripción sobre cómo añadir valores al campo personalizado. Será solamente visible en el Administrador de WordPress.
  • Requerido: Con este atributo podrás especificar si el campo tiene que tener algún valor antes de guardar los cambios.
  • Lógica Condicional: Te permite especificar si el campo personalizado tiene que ser visible solo bajo ciertas condiciones.
    Estas condiciones se configuran a partir de los valores ingresados en otros campos personalizados.
    Ej: Mostrar el campo mg_imagen solo si «el campo mg_incluir_imagen es igual a SÍ»
  • Atributos del contenedor
    • Ancho de la columna: Indicando el valor en porcentaje podrás modificar el ancho del campo personalizado. Ej. si ingresas 50% en dos campos personalizados contiguos, se mostrarán en una misma fila.
    • Class: Podrás agregar una clase extra a tu campo personalizado.
    • Id: Agrega de ser necesario un identificador a tu campo personalizado.

Ubicación

Esta sección es la que definirá en qué parte del Administrador de WordPress mostraremos nuestro Grupo de Campos personalizados.

Ten en cuenta que puedes especificar uno o más condiciones. En el caso de especifiques más de uno podrás utilizar los condiciones AND u OR.

Formulario para la carga de reglas de los campos personalizados de ACF
Formulario para la carga de reglas.

Ajustes

Desde este tercer grupo de configuraciones de un nuevo Grupo de Campos personalizados, podrás determinar cómo se muestran visualmente tus campos.

  • Activo: Especifica si el Grupo de Campos que has creado se debe o no mostrar en el Administrador de WordPress. Es muy util para especificar Grupos de Campos personalizados reutilizables con el tipo de campo «clonar».
  • Estilo: De utilizar el estilo «WP Metabox» se mostrarán los campos personalizados con un contenedor.
  • Posición: Podrás elegir entre mostrar tus campos personalizados después del título (Alta), después del contenido (Normal) o bien el lateral.
  • Ubicación de la etiqueta: Especifica en qué lugar quieres mostrar las etiquetas de los campos. Podrás elegir entre arriba de los campos (valor por defecto) o bien alineados a la izquierda (etiquetas y campos en una misma fila).
  • Ubicación de la instrucción: En caso de especificar instrucciones para la carga de los campos, podrás elegir dónde mostrarlas, debajo de las etiquetas o bien debajo de los campos.
  • Número de orden: Especifica el número de orden en el que deben visualizarse los campos en caso de haber más de un Grupo de Campos personalizados para la misma pantalla de edición (los grupos de campos con menor orden aparecerán primero).
  • Descripción: Agregar una descripción a tu Grupo de Campos personalizados. Este atributo se mostrará solamente en el listado de Grupos de Campos.
  • Esconder en pantalla: En caso de utilizar el editor clásico, podrás seleccionar qué atributos mostrar u esconder.

¿Qué te pareció el artículo?
No molaPobreMolaMuy bueno¡Excelente! (Ninguna valoración todavía)
Cargando…
Mauricio Gelves
Mauricio Gelves es Lic. en Informática y trabaja como Consultor Web Freelance con su marca personal MauGelves. Se especializó en WordPress para ofrecer soluciones personalizadas y rentables a medianas y largas empresas. Es Nómade Digital desde el año 2015, actividad que combina sus dos principales pasiones: la informática y los viajes, y refleja sus experiencias a través de sus hobbies audiovisuales en Instagram y YouTube.
10 Pasos para ser Freelance - eBook Gratuito

10 pasos para convertirte en Freelance

Descarga en forma totalmente gratuita mi eBook en donde explico los 10 pasos que he dado para convertirme en Freelance.

Ingresa tu email y recibe en tu bandeja de correo el enlace para descargarte el eBook.

(Te doy mi palabra que solo enviaré un email al mes con todas mis novedades)


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

× ¿Puedo ayudarte?