Curso de ACF Básico – #13 – Campo Imagen

El campo del tipo Imagen de ACF nos permite agregar imágenes a nuestra entradas. Veamos en el siguiente tutorial las distintas configuraciones que podemos aplicar.

Videotutorial

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.
  • 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á el campo según lo 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 mostrar la imagen del autor de un libro.

<div class="entry-content">
	<?php the_content(); ?>
	<ul>
	    <li>ISBN: <?php the_field('libro_isbn'); ?></li>
	    <?php $autor = get_field('libro_autor'); ?>
	    <li>Autor: <?php echo $autor[0]->name; ?></li>
	    <li>
	        <?php
	        	// Obtengo el campo y lo guardo en la variable $imagen.
	            $imagen = get_field( 'libro_autor_foto' );

	            // Llamo a la función wp_get_attachment_image() para crear
	            // una etiqueta de img responsive.
	            echo wp_get_attachment_image( $imagen['ID'], 'large' );
	        ?>
	    </li>
	</ul>
</div>

¿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 una respuesta

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

× ¿Puedo ayudarte?