Curso de ACF Básico – #14 – Campo Galería

El campo del tipo Galería de ACF nos permite agregar, quitar u ordenar un conjunto de imágenes a nuestro contenido. En el siguiente videotutorial te explicaré como crear una galería de imágenes del tipo «Masonry» utilizando este tipo de campo personalizado y una librería de Javascript.

Videotutorial

Contenido exclusivo para usuarios de la Zona Premium

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

Interfaz gráfica

Configuraciones

  • Formato de retorno: Podemos recuperar el valor del campo en formato Array (con todos los valores del attachment), URL o bien el ID.
  • Tamaño del preview: Esta opción nos permite seleccionar con qué formato queremos visualizar la imagen en el administrador de WordPress. Para ello cargará todos los tamaños de imágenes del tema activo.
  • Insertar: Con cada imagen que agreguemos a la galería podremos definir si la agrega al final o al principio.
  • Selección mínima: Mínimo de imágenes a cargar.
  • Selección máxima: Máximo de imágenes a cargar.
  • Mínimo: Podemos definir valores mínimos para el alto, el ancho y el peso del fichero (en megabytes).
  • Máximo: Podemos definir valores máximos para el alto, el ancho y el peso del fichero (en megabytes).
  • Tipos de archivos permitidos: Campo para especificar las extensiones de ficheros permitidos. Se puede agregar más de una separándolas con comas.

Utilización en Frontend

La API de ACF devolverá un Array de imágenes. A su vez cada imagen será del tipo configurado en el campo «Formato de retorno», el cual puede ser un Array, una URL o el ID del fichero..

En el siguiente ejemplo muestro cómo crear el HTML necesario para crear una galería de imágenes del tipo Masonry.

Código exclusivo para usuarios de la Zona Premium

Suscríbete a la Zona Premium para ver el código de este y otros artículos.


¿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?