Estoy tratando de usar la nueva función de imágenes receptivas en Wordpress 4.4, pero sigo teniendo un problema particular cuando intento usar the_post_thumbnail con un tamaño de imagen personalizado. Parece que no puedo usar tamaños de imagen personalizados.
El siguiente código producirá una img
etiqueta con el srcset
presente:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
Así es img
como se ve la etiqueta con el medium
tamaño pasado a la función:
<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">
Sin embargo, cuando hago un cambio para usar mi tamaño de imagen personalizado, srcset
desaparece. ¿Alguien sabe qué está pasando aquí?
Así es como agregué el tamaño de mi imagen personalizada:
add_image_size ('my-custom-size', 1050, 626, true );
Así es como se ve en el código:
<?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?>
Y esto es lo que genera, observe que my-custom-size
no se está leyendo y, en cambio, se agrega en wp-post-image
lugar de my-custom-size
:
<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">
¡Por favor, ayúdame a entender lo que estoy haciendo mal!
add_image_size ('my-custom-size', 1050, 0, false );
y para la explicación, lea esta respuesta wordpress.stackexchange.com/a/211405/18731