Curso de ACF Básico – #15 – Campo Archivo

El campo del tipo Archivo de ACF nos permite seleccionar y agregar un fichero para asociarlo a algún tipo de contenido de nuestro sitio Web (entrada, página, CPT, taxonomía, etc).

En el siguiente vídeotutorial voy a mostrarte un ejemplo de una inmobiliaria que agrega el campo «Archivo» para adjuntar los planos de distintos inmuebles y permitir descargarlos en el Frontend de la Web.

Videotutorial

Interfaz gráfica

Configuraciones

  • Retorno de valor: Podemos recuperar el valor del campo en formato Array (con todos los valores del fichero), URL o bien el ID.
  • Mínimo: Peso mínimo del fichero a cargar (valores en megabytes).
  • Máximo: Peso máximo del fichero a cargar (valores 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 tipo configurado en el campo «Retorno de valor», el cual puede ser un Array, una URL o el ID del fichero.

En nuestro ejemplo hemos especificado que devuelva el fichero con el plano del apartamento en formato Array. Esta es la estructura del Array que devuelve ACF:

array (size=21)
  'ID' => int 91
  'id' => int 91
  'title' => string 'Planos del apartamento de la calle Serrano 128' (length=46)
  'filename' => string 'planos-de-apartament-calle-serrano-128.pdf' (length=42)
  'filesize' => int 261571
  'url' => string 'http://wptesting.local/wp-content/uploads/2019/07/planos-de-apartament-calle-serrano-128.pdf' (length=92)
  'link' => string 'http://wptesting.local/inmueble/garcia-araujo-calle-serrano/planos-de-apartament-calle-serrano-128/' (length=99)
  'alt' => string '' (length=0)
  'author' => string '1' (length=1)
  'description' => string 'Planos del apartamento de la calle Serrano 128' (length=46)
  'caption' => string '' (length=0)
  'name' => string 'planos-de-apartament-calle-serrano-128' (length=38)
  'status' => string 'inherit' (length=7)
  'uploaded_to' => int 88
  'date' => string '2019-07-01 16:02:49' (length=19)
  'modified' => string '2019-07-01 17:52:23' (length=19)
  'menu_order' => int 0
  'mime_type' => string 'application/pdf' (length=15)
  'type' => string 'application' (length=11)
  'subtype' => string 'pdf' (length=3)
  'icon' => string 'http://wptesting.local/wp-includes/images/media/document.png' (length=60)

Conociendo esta estructura de Array ahora podemos hacer la llamada en nuestro Frontend de la siguiente manera:

<div class="entry-content">

    <p><b>Dirección</b>: <?php the_field( 'inmueble_direccion' ); ?></p>
    <p><b>Superficie</b>: <?php the_field( 'inmueble_metros' ); ?>m²</p>

    <?php
    // Obtengo el Array con todos los datos del fichero.
    $plano = get_field('inmueble_planos');

    // Y ahora lo muestro con un enlace.
    ?>
    <p><b>Planos</b>: <a href="<?php echo $plano['url']; ?>"><?php echo $plano['filename']; ?></a></p>

</div><!-- .entry-content -->

¿Qué te pareció el artículo?
No molaPobreMolaMuy bueno¡Excelente! (1 votos, promedio: 5,00 de 5)
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 *