У меня есть небольшая функция в моей теме WordPress, которая возвращает отзывчивые изображения - или, по крайней мере, так и должно быть. Я хотел добавить некоторые дополнительные размеры к изображениям, поэтому я использовал «add_image_size» и восстановил эскизы. Но я не могу заставить большие размеры отображаться в коде.
add_image_size( 'iphone', 450 );
add_image_size( 'phone-large', 650 );
add_image_size( 'tablet', 850 );
add_image_size( 'laptop', 1400 );
add_image_size( 'laptopretina', 1600 );
function images_fox($imageID){
$img_src = wp_get_attachment_image_url( $imageID, 'full' );
$img_srcset = wp_get_attachment_image_srcset( $imageID, 'full');
$alt = get_post_meta( $imageID, '_wp_attachment_image_alt', true)
return '<img src="' . esc_url( $img_src ) . '" srcset="' . esc_attr($img_srcset ) . '" sizes="(max-width: 300px) 450px, (max-width: 600px) 650px, (max-width: 800px) 850px, (max-width: 1024px) 1024px, (max-width:1350px) 1400px, (max-width:1550px) 1600px, 2300px" alt="' . $alt . '">';
}
Ноутбук и Laptopretina должны отображаться в srcset, но вместо этого я получаю следующее:
<img src="/sp-content/uploads/2018/08/banner.jpg"
srcset="/sp-content/uploads/2018/08/banner.jpg 1920w,
/sp-content/uploads/2018/08/banner-300x150.jpg 300w,
/sp-content/uploads/2018/08/banner-768x384.jpg 768w,
/sp-content/uploads/2018/08/banner-1024x512.jpg 1024w,
/sp-content/uploads/2018/08/banner-450x225.jpg 450w,
/sp-content/uploads/2018/08/banner-650x325.jpg 650w,
/sp-content/uploads/2018/08/banner-850x425.jpg 850w"
sizes="(max-width: 300px) 450px, (max-width: 600px) 650px, (max-width: 800px) 850px, (max-width: 1024px) 1024px, (max-width:1350px) 1400px, (max-width:1550px) 1600px, 2300px" alt="Alt Image">
Размер 1024 есть, но затем он переходит к стандартному размеру в 1920. 1920px - это полный размер изображения. Я просто не могу понять, почему он не тянет два нестандартных размера. Изображения в этих размерах существуют.
Я даже попытался загрузить изображение еще раз, чтобы увидеть, не в этом ли проблема.
Примечание. Я сократил URL-адрес для изображений.