Imagen

Descripción

El campo Imagen permite subir y seleccionar una imagen utilizando el modal multimedia nativo de WordPress.

Capturas de pantalla

Changelog

• Agregado Minimum ajuste en la versión 5.1.9.
• Agregado el ajuste Maximum en la versión 5.1.9.
• Agregado el ajuste Allowed File Types en la versión 5.1.9.

Settings

• Formato de retorno
  Especifica el formato de los datos devueltos. Elija entre Objeto (matriz), URL (cadena) o ID (entero).

• Tamaño de la vista previa
  El tamaño de la imagen de WordPress que se muestra al editar los valores.

• Biblioteca
  Limita la selección de archivos sólo a los que se han subido a esta entrada, o a toda la biblioteca.

• Mínimo
  Añade la validación de subida para la anchura mínima en píxeles (entero), la altura en píxeles (entero) y el tamaño del archivo en MB (entero). El tamaño del archivo también puede introducirse como una cadena que contenga la unidad. Por ejemplo, '400KB'.

• Máximo
  Añade la validación de carga para la anchura, altura y tamaño de archivo máximos.

• Tipos de archivo permitidos
  Añade la validación de carga para tipos de archivo específicos. Introduzca una lista separada por comas para especificar los tipos de archivo permitidos o déjela en blanco para aceptar todos los tipos.

Uso de la plantilla

El campo Imagen devolverá un array, una cadena o un valor entero dependiendo del valor de retorno establecido.

Mostrar imagen (ID)

Este ejemplo demuestra cómo mostrar la imagen seleccionada cuando se utiliza el tipo de retorno Image ID. Este ejemplo utiliza la función wp_get_attachment_image() para generar el HTML de la imagen.

Mostrar imagen (array)

Este ejemplo demuestra cómo mostrar la imagen seleccionada cuando se utiliza el tipo de retorno Image Object. Este tipo de retorno nos permite acceder a datos extra de la imagen como el texto alt, el pie de foto y los tamaños.

<?php $image = get_field('image');if( !empty( $image ) ): ?> <img src="https://www.advancedcustomfields.com/resources/image/<?php echo esc_url($image); ?>" alt="<?php echo esc_attr($image); ?>" /><?php endif; ?>

Visualización personalizada (array)

Este ejemplo demuestra cómo mostrar un tamaño personalizado de la imagen seleccionada cuando se utiliza el tipo de retorno Image Object. Este tipo de retorno nos permite acceder a datos extra de la imagen como tamaños, anchura, altura y más.

Mostrar imagen (URL)

Este ejemplo demuestra cómo mostrar la imagen seleccionada cuando se utiliza el tipo de retorno Image URL. Este tipo de retorno nos permite mostrar eficientemente una imagen básica pero nos impide cargar cualquier dato extra sobre la imagen.

<?php if( get_field('image') ): ?> <img src="https://www.advancedcustomfields.com/resources/image/<?php the_field('image'); ?>" /><?php endif; ?>