Image

Descrizione

Il campo Image permette di caricare e selezionare un’immagine utilizzando il media modal nativo di WordPress.

Screenshot

Changelog

• Aggiunta Minimum impostazione nella versione 5.1.9.
• Aggiunta impostazione Maximum nella versione 5.1.9.
• Aggiunta impostazione Allowed File Types nella versione 5.1.9.

Settings

• Return Format
  Specifica il formato dei dati restituiti. Scegli tra Object (array), URL (stringa), o ID (intero).

• Preview Size
  La dimensione dell’immagine WordPress visualizzata durante la modifica dei valori.

• Libreria
  Limita la selezione dei file solo a quelli che sono stati caricati in questo post, o all’intera libreria.

• Minimo
  Aggiunge la convalida del caricamento per la larghezza minima in pixel (intero), l’altezza in pixel (intero) e la dimensione del file in MB (intero). La dimensione del file può anche essere inserita come una stringa contenente l’unità. es. '400KB'.

• Massimo
  Aggiunge la validazione dell’upload per la massima larghezza, altezza e dimensione del file.

• Tipi di file consentiti
  Aggiunge la validazione dell’upload per specifici tipi di file. Inserisci una lista separata da virgole per specificare quali tipi di file sono permessi o lascia vuoto per accettare tutti i tipi.

Uso del template

Il campo Image restituirà un array, una stringa o un valore intero a seconda del Return Value impostato.

Visualizza immagine (ID)

Questo esempio dimostra come visualizzare l’immagine selezionata quando si utilizza il tipo di ritorno Image ID. Questo esempio usa la funzione wp_get_attachment_image() per generare l’immagine HTML.

Visualizza immagine (array)

Questo esempio dimostra come visualizzare l’immagine selezionata quando si usa il tipo di ritorno Image Object. Questo tipo di ritorno ci permette di accedere a dati extra dell’immagine come testo alt, didascalia e dimensioni.

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

Visualizzazione personalizzata (array)

Questo esempio dimostra come visualizzare una dimensione personalizzata dell’immagine selezionata quando si usa il tipo di ritorno Image Object. Questo tipo di ritorno ci permette di accedere a dati extra dell’immagine come dimensioni, larghezza, altezza e altro.

Visualizza immagine (URL)

Questo esempio dimostra come visualizzare l’immagine selezionata quando si usa il tipo di ritorno Image URL. Questo tipo di ritorno ci permette di visualizzare in modo efficiente un’immagine di base, ma ci impedisce di caricare qualsiasi dato extra sull’immagine.

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