我的主页上有一个由帖子中的“特色（缩略图）图像”组成的旋转木马。旋转木马使用了大约三分之二的屏幕宽度，谷歌页面速度分析器抱怨我的图像太大。

我想在引导传送带转盘代码中插入的内容如下：

<img src="//localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion.jpg" 
class="attachment-front_page_lg size-front_page_lg wp-post-image" alt="Oysters at A-fusion" 
srcset="//localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion-525x270.jpg 525w, //localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion-420x320.jpg 420w" 
sizes="66vw" />

我不能完全确定尺寸元素。

我试图通过声明自定义图像大小来解决这个问题

/* Image Sizes  
    Large : 525 x 270
    iPhone6 210 * 180   and then 2x that?
*/
add_image_size( "card", 400, 400, false );
add_image_size( "front_page_sm", 420, 360, true );
add_image_size( "front_page_lg", 520, 270, true );

我的第一个问题是，无论我多么频繁地运行“重新生成缩略图”，我都无法获得这些大小的图像（尽管我确实看到了大小为400的图像，我在其他地方使用了这些图像）

图像再生突然开始工作！以下代码创建img标记

function getFeaturedImage($resto) {
    global $table_prefix;
    global $wpdb;
    $query = "...";
    $queryResult = $wpdb->get_results($query);
    $post_id = $queryResult[0]->post_id;
    return get_the_post_thumbnail($post_id, \'front_page_lg\');
}

这确实正确获取了$post\\u id，但会导致

<img width="405" height="270" 
src="//localhost:3000/wp-content/uploads/2016/10/Restaurant-Breda-Amsterdam-1.jpg" 
class="attachment-front_page_lg size-front_page_lg wp-post-image"
alt="restaurant-breda-amsterdam-1" />

这是一个真正的问题，因为它使用的是图像的原始（大）版本。

然而，在某些情况下

<img width="270" height="270" 
src="//localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion.jpg" 
class="attachment-front_page_lg size-front_page_lg wp-post-image" alt="Oysters at A-fusion" 
srcset="//localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion.jpg 768w, //localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion-150x150.jpg 150w, //localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion-500x500.jpg 500w, //localhost:3000/wp-content/uploads/2008/03/Oysters-at-A-fusion-400x400.jpg 400w" 
sizes="(max-width: 270px) 100vw, 270px" />

很明显，这个srcset对我来说很有价值，据我所知，它是由wordpress而不是插件生成的。但这种情况只发生在少数帖子和大小不合适的帖子上。

How can I get a src set with my two custom sizes?

// In the loop:
the_post_thumbnail( \'front_page_lg\' ); // echos the markup

// Outside the loop:
$img_markup = get_the_post_thumbnail( $post->ID, \'front_page_lg\' );