WordPress响应图像没有选择正确的图像或方向

Question

我在Wordpress中创建了自定义图像大小，用于Wordpress默认安装的响应图像插件。我添加的图像大小为：

add_image_size('portrait-case-study-xl', 1010, 1514, true);
add_image_size('portrait-case-study-lg', 505, 757, true);
add_image_size('portrait-case-study-md', 415, 622, true);

然后，我使用metabox.io插件从PHP构建图像，并将加载的图像设置为显示为纵向案例研究lg。然后，我使用metabox.io中的函数加载srcset，并创建了我想要更改图像的自定义大小。

$images = rwmb_meta('su_project-featured-portrait-left', array('limit' => 1,
 'size' => 'portrait-case-study-lg'), $post->ID);

<a href="<?php echo $image['full_url']; ?>" itemprop="contentUrl" data-size="<?php echo $image['width']; ?>x<?php echo $image['height'];?>">
                                    <img class="scene_element scene_element--fadeinup" src="<?php echo $image['url']; ?>" srcset="<?php echo esc_attr($image['srcset']); ?>" 
                                    sizes="(max-width:40em) 767px, (min-width: 40.063em) and (max-width: 64em) 455px, (min-width: 64.063em) and (max-width: 90em) 455px, (min-width: 90.063em) 505px, 100vw" itemprop="thumbnail" alt="Image description" >
                                </a>

结果如下所示：

<img class="scene_element scene_element--fadeinup"
 src="http://localhost:8888/wp-content/uploads/2017/11/chelsea-sw3-apartment-bedroom-505x757.jpg" srcset="http://localhost:8888/wp-
content/uploads/2017/11/chelsea-sw3-apartment-bedroom-300x200.jpg 300w, 
http://localhost:8888/wp-content/uploads/2017/11/chelsea-sw3-apartment-bedroom-768x512.jpg 768w, http://localhost:8888/wp-content/uploads/2017/11/chelsea-sw3-apartment-bedroom-1024x683.jpg 1024w, 
http://localhost:8888/wp-content/uploads/2017/11/chelsea-sw3-apartment-bedroom-355x238.jpg 355w, http://localhost:8888/wp-content/uploads/2017/11/chelsea-sw3-apartment-bedroom-955x637.jpg 955w,
 http://localhost:8888/wp-content/uploads/2017/11/chelsea-sw3-apartment-bedroom-940x627.jpg 940w" sizes="(max-width:40em) 767px, 
(min-width: 40.063em) and (max-width: 64em) 455px, 
(min-width: 64.063em) and (max-width: 90em) 455px, 
(min-width: 90.063em) 505px, 100vw" itemprop="thumbnail" alt="Image 
description">

我的问题是，它现在正在加载宽度和高度为768x512的风景图像，而不是加载505x757图像。有人能帮帮我吗？我是非常新的响应图像，当我认为我已经破解了它。然后它开始选择错误的图像：（

提前谢谢。

Answer 1

我破解了。我没有将自定义图像大小添加到WordPress srcset中：）