在WordPress的“文章页面”上显示特色图片

Question

对于我的WordPress站点上的所有其他页面，我都能够显示页面的特色图片。然而，在显示所有文章的页面上，即使设置了特色图片也不会显示。

以下是我用来在所有其他页面上显示特色图像的代码。

<?php if ( has_post_thumbnail() ): {
    $src = wp_get_attachment_url(get_post_thumbnail_id($post->ID));
}?>

<div class="featured-image-full-width" style="background-image: url( <?php echo $src; ?> ) !important; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center;"></div>

<?php endif; ?>

然而，这在用于展示文章的页面上是不起作用的。请记住，我需要将特色图片显示为背景图片，以便它可以铺满整个页面而不被拉伸。（IE和Edge不支持“object-position”，所以这是我的解决方法）

如果有任何不清楚的地方，请告诉我。

- Quiver

Answer 1

经过两个小时的研究和尝试不同的方法，我终于找到了解决方案。

<?php if(is_home()) {
    $img = wp_get_attachment_image_src(get_post_thumbnail_id(get_option('page_for_posts')),'full');
    $featured_image = $img[0];
}?>

<div class="featured-image-full-width" style="background-image: url( <?php echo $featured_image ?> ) !important; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center"></div>

- Quiver