the_post_thumbnail responsive srcset no se completa con un tamaño de imagen personalizado


8

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!


1
configure el suyo add_image_size ('my-custom-size', 1050, 0, false );y para la explicación, lea esta respuesta wordpress.stackexchange.com/a/211405/18731
Jevuska

¿Has probado con una imagen recién cargada? Su nuevo tamaño de imagen solo se aplicará cuando se carguen las imágenes. Puede regenerar conjuntos de imágenes para sus imágenes existentes utilizando un complemento como Regenerar miniaturas.
Andy Macaulay-Brook

1
@Jevuska que no recortará la imagen a las dimensiones que el interrogador quiera.
Andy Macaulay-Brook

1
¿Mi respuesta ayudó en absoluto? ¿Esta pregunta sigue vigente?
Andy Macaulay-Brook

Respuestas:


4

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.


1
No dude en votar si ayudó :-)
Andy Macaulay-Brook
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.