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 imgetiqueta con el srcsetpresente:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>Así es imgcomo se ve la etiqueta con el mediumtamañ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, srcsetdesaparece. ¿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-sizeno se está leyendo y, en cambio, se agrega en wp-post-imagelugar 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/18731Respuestas:
No hay suficiente información para asegurarse de que esta respuesta sea definitiva, pero aquí hay un intento.
En primer lugar, asegúrese de que la imagen que está cargando sea realmente más grande que el tamaño que ha definido. Veo personas que cargan imágenes que son demasiado pequeñas y luego obtienen este tipo de resultados todo el tiempo.
En segundo lugar, WP solo creará una lista Srcset de tamaños de imagen con la misma relación de aspecto. Si su tamaño personalizado tenía una relación de aspecto diferente a otros tamaños de imagen, puede crear una selección de nuevos tamaños con relaciones de aspecto que coincidan.
En tercer lugar, después de cambiar o agregar nuevos tamaños de imagen, siempre debe regenerar las miniaturas existentes. Hay un gran complemento llamado Regenerar miniaturas para esto.
fuente