Me alegro de que WP 4.4. se entrega con una función de imagen receptiva incorporada. Pero no estoy tan feliz con eso.
He configurado algunos tamaños de imagen personalizados en mi functions.php
:
add_image_size ('post-thumbnails', 600, 600, verdadero); add_image_size ('news-large', 1024, falso); add_image_size ('news-small', 500, false); add_image_size ('3-col', 500, 375, verdadero); add_image_size ('presscutting', 600, 850, verdadero); add_image_size ('mediano-grande', 768, falso); // recién agregado hoy para soporte de dispositivos add_image_size ('full-feature-image', 2000, false); add_image_size ('galería-imagen', 800, 600, verdadero);
Como supuse, imágenes que no se recortan (conjunto de cultivo false
) se añade al srcset
. Se muestra una imagen en la interfaz como (saltos de línea agregados para una mejor legibilidad)
<img width = "2000" height = "1335" src = "http://mywebsite.com/cms/wp-content/uploads/2015/03/image-2000x1335.jpg" clase = "adjunto-imagen-característica-completa tamaño-imagen-característica-completa" alt = "asdf" srcset = " http://mywebsite.com/cms/wp-content/uploads/2015/03/image-300x200.jpg 300w, http://mywebsite.com/cms/wp-content/uploads/2015/03/image-768x513.jpg 768w, http://mywebsite.com/cms/wp-content/uploads/2015/03/image-1024x683.jpg 1024w, http://mywebsite.com/cms/wp-content/uploads/2015/03/image-500x334.jpg 500w " tamaños = "(ancho máximo: 2000px) 100vw, 2000px">
Pero ahora mi problema: en mi pantalla, solo se muestran las imágenes especificadas con un ancho de 1024px, aunque tiene una resolución de pantalla de 1600px. Entonces todas las imágenes se ven borrosas.
¿Cómo puedo hacer que WP y / o mi navegador usen la imagen de 2kpx? ¿Tendría que agregar nuevos tamaños de imagen para, digamos 1280 px, 1440 px, 1600 px, 1968 px? ¿O hay una manera más simple de decirle a WP / al navegador que use la imagen más grande en lugar de mostrar una versión borrosa y demasiado pequeña?
fuente
add_image_size
? Siempre establece elwidth
argumento en falso; este debería ser un número entero (tercer argumento).max_srcset_image_width
filtro es 1600.Respuestas:
En cuanto a la documentación, hay esta publicación de blog en Make Blog:
Imágenes receptivas en WordPress 4.4
Para aumentar el límite de 1600px mencionado en los comentarios, intente esto:
Finalmente, como ya se mencionó, debe corregir sus llamadas a
add_image_size
necesita ser
fuente
$size_array
debería tener.Resolví el mismo problema agregando un tamaño adicional al
srcset
con una función de filtro que puedes agregar en tufunctions.php
:fuente