我的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 . '">';
}
笔记本电脑和笔记本电脑视网膜都应该显示在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。