WordPress的wp_get_attachment_image_srcset不会返回所有图像srcset的大小

时间:2018-08-31 22:48:27

标签: wordpress responsive srcset

我的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。

0 个答案:

没有答案