Potresti esserti imbattuto nel fatto che nel ruolo di sviluppatore di temi è uno standard costruire il tuo tema con le prestazioni web in mente. Questo significa assicurarsi che le immagini emesse nel tuo tema non siano a dimensioni “piene” se potrebbero essere più di 100 kilobyte.
Inoltre, fare uso della funzionalità di WordPress per l’attributo immagine HTML srcset è un’altra ragione per usare la funzione wp_get_attachment_image() nell’emissione di immagini.
Un altro uso sarebbe nell’emissione di post di blog con immagini in evidenza. Come sviluppatore di temi vuoi assicurarti di specificare (a) una delle dimensioni predefinite delle miniature dei post, o (b) creare la tua dimensione personalizzata delle miniature dei post.
Ci sono casi in cui potresti non dover usare una dimensione personalizzata delle miniature dei post. Tuttavia puoi invece utilizzare una dimensione predefinita per le miniature dei post che andrà benissimo per le tue esigenze.
Le dimensioni predefinite delle miniature che puoi usare sono le seguenti:
-
thumbnail(usa la dimensione 150px × 150px) -
medium(usa la dimensione 300px × 300px) -
medium_large(usa la dimensione 768px × 0px) -
large(usa la dimensione 1024px × 1024px)
In questi casi puoi facilmente specificare se hai una dimensione simile da usare per una qualsiasi di queste dimensioni predefinite delle miniature. Tutto quello che dovrai fare è usare una qualsiasi delle stringhe sopra menzionate nel parametro $size della funzione the_post_thumbnail().
Si noterà che queste dimensioni predefinite delle miniature dei post sono quasi tutte immagini tagliate quadrate. Questo è probabilmente dovuto allo spazio massimo di cui un’immagine può essere emessa – un quadrato. Per sfruttare al massimo lo spazio, è stato deciso di rendere queste dimensioni predefinite delle miniature dei post come immagini quadrate.
Quando usare una dimensione personalizzata delle miniature dei post
Tuttavia, ci sono casi in cui è necessario produrre un’immagine che non sia quadrata. Prendete per esempio che dovete aggiungere un’immagine in primo piano sopra il vostro articolo singolo del blog usando la funzione the_post_thumbnail().
Puoi usare il seguente codice che produrrà un’immagine in primo piano del tuo articolo con la dimensione 1024px × 768px:
add_image_size( 'single-feature', 1024, 768, true );
E identificando rapidamente cosa significa in termini profani:
- add_image_size() – crea una miniatura del post di dimensioni personalizzate
- ‘single-feature’ – parametro
$name, solo un nome della miniatura del post di dimensioni personalizzate - 1024 – parametro
$width, la larghezza della dimensione della miniatura del post personalizzata - 768 – parametro
$height, l’altezza della dimensione della miniatura del post personalizzata - true – parametro
$crop, significa se (a) hard crop, o (b) scalare l’immagine nella dimensione della miniatura del post personalizzata. Maggiori informazioni nella documentazione di WP Dev
Come informazione aggiuntiva: dall’esempio sono state scelte la larghezza e l’altezza specificate (1024 × 768) perché sono le dimensioni comuni da usare per le immagini in evidenza. Tuttavia questo non significa che non puoi usare altre dimensioni. Assicurati di vedere cosa si adatta meglio al design del tuo tema e usa quello.
Come aggiornare le miniature dei post personalizzati
Quando proverai le nuove dimensioni delle immagini per le tue immagini WordPress noterai che potresti avere problemi ad aggiornare la larghezza e l’altezza senza cambiare la $name dimensione della miniatura del post personalizzato.
Prendiamo ad esempio che avete la vecchia dimensione:
add_image_size( 'single-feature', 1024, 768, true );
Ma ora avete bisogno di aggiornare la dimensione di questa miniatura ‘single-feature’ come segue:
add_image_size( 'single-feature', 1366, 768, true );
Vedete che il cambiamento era nella larghezza da 1024 a 1366. Ma quando si aggiorna il template in cui questa dimensione dovrebbe essere visualizzata, esso mostrerà ancora la sua immagine con la larghezza di 1024. Come si può rimediare?
Per rimediare a questo, dovrai rigenerare la miniatura.
Per cominciare, assicurati di aver aggiornato la larghezza e l’altezza della miniatura, poi installa il plugin Regenerate Thumbnails. Seguite le istruzioni del plugin e avrete rigenerato le dimensioni delle miniature con successo.
Rigenerare tutte le vostre immagini può richiedere un po’ di tempo, specialmente se il vostro sito ha molte immagini nella vostra Media Library.
Dove posizionare la funzione add_image_size
La funzione add_image_size() non funzionerà se non la posizionate correttamente all’interno dell’action hook di WordPress after_setup_theme. Questo significa che il seguente codice di esempio:
add_image_size( 'archive-featured', 792, 446, true );
deve essere all’interno del seguente action hook nel file functions.php del vostro tema sotto:
function ms_setup() {add_image_size( 'archive-featured', 792, 446, true );}add_action( 'after_setup_theme', 'ms_setup' );
Aggiungimento di add_image_size nel tema Underscores
Un tema iniziale molto popolare chiamato tema Underscores o tema _s ha un buon posto per aggiungere le funzioni add_image_size().
Puoi aggiungere la funzione di dimensione personalizzata delle miniature dei post add_image_size() sotto la linea add_theme_support( 'post-thumbnails' ); nel file functions.php del tema Underscores.
La ragione per cui puoi aggiungere la funzione add_image_size() qui sotto è perché è già all’interno dell’action hook after_setup_theme menzionato prima.
Snippet della funzione Add Image Size per i temi WordPress
Se volete, potete copiare lo snippet qui sotto per add_image_size nel tema Underscores per il vostro riferimento futuro:
/* * Custom post thumbnail sizes for use across the theme. * * @link https://developer.wordpress.org/reference/functions/add_image_size/ */add_image_size( $name, $width, $height, $crop );
Nota: Assicuratevi di definire i parametri utilizzati nello snippet per essere sicuri di non ricevere errori di avviso PHP nel vostro tema. Lo snippet di cui sopra è usato come modello da copiare e incollare nelle funzioni del tuo tema.
Conclusione
Grazie per aver letto questo articolo! Fammi sapere i tuoi pensieri e la tua configurazione sulle dimensioni delle miniature dei post personalizzati.
Se ti è piaciuto questo articolo potresti voler conoscere gli errori del tema nell’impostazione dei tipi di post personalizzati. Per esempio, non registrare i tipi di post personalizzati nel tuo tema!
