the_post_thumbnail srcset sensible no se llena con un tamaño de imagen personalizado

10

Estoy tratando de usar la nueva función de imágenes sensibles en Wordpress 4.4, pero me encuentro con 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 etiqueta img con el srcset presente:

<?php the_post_thumbnail('medium',  array( 'class' => 'img-responsive' )); ?>

Aquí es cómo se ve la etiqueta img con el tamaño medium 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, el srcset desaparece. ¿Alguien sabe lo que está pasando aquí?

Aquí es cómo agregué mi tamaño de imagen personalizado:

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 produce, observe que my-custom-size no se está leyendo y en su lugar está agregando wp-post-image en 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!

    
pregunta Moose 11.03.2016 - 23:37

1 respuesta

4

No hay suficiente información para asegurarnos de que esta respuesta sea definitiva, pero aquí hay un intento.

Primero, asegúrese de que la imagen que está cargando sea realmente más grande que el tamaño que ha definido. Veo que las personas suben imágenes que son demasiado pequeñas y luego obtienen este tipo de resultado todo el tiempo.

En segundo lugar, WP solo creará una lista de 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, entonces 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.

    
respondido por el Andy Macaulay-Brook 20.07.2016 - 18:12

Lea otras preguntas en las etiquetas