Sto cercando di utilizzare la nuova funzionalità di immagini reattive in Wordpress 4.4 ma continuo a riscontrare un problema particolare quando provo ad usare the_post_thumbnail con una dimensione dell'immagine personalizzata. Sembra che non riesca a utilizzare dimensioni dell'immagine personalizzate.
Il seguente codice produrrà un img
tag con il srcset
presente:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
Ecco img
come appare il tag con la medium
dimensione passata nella funzione:
<img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px">
Tuttavia, quando apporto una modifica per utilizzare la dimensione dell'immagine personalizzata, srcset
scompare. Qualcuno sa cosa sta succedendo qui?
Ecco come ho aggiunto la dimensione dell'immagine personalizzata:
add_image_size ('my-custom-size', 1050, 626, true );
Ecco come appare nel codice:
<?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?>
Ed ecco cosa produce, nota che my-custom-size
non viene letto e si aggiunge wp-post-image
invece my-custom-size
:
<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">
Per favore, aiutami a capire cosa sto facendo di sbagliato!
add_image_size ('my-custom-size', 1050, 0, false );
e per la spiegazione, leggi questa risposta wordpress.stackexchange.com/a/211405/18731