改编自this thread 在WP论坛上：

<?php if (has_post_thumbnail( $post->ID ) ): ?>
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), \'single-post-thumbnail\'); ?>
<style>
  #banner-id {
    background-image: url(\'<?php echo $image[0]; ?>\');
  }
</style>
<?php endif; ?>

之后，将此添加到单页模板中the_post(). 我建议使用一个默认的标题图像，这样如果页面没有特色图像，它就会使用它。

\'single-post-thumbnail\' 可以改为具有理想标头维度的数组，例如array(600, 30).

由于您使用的是循环之外的图像，因此需要首先获取帖子的ID。然后使用它来获取特色图像的URL。

function wpse207895_featured_image() {
    //Execute if singular
    if ( is_singular() ) {

        $id = get_queried_object_id ();

        // Check if the post/page has featured image
        if ( has_post_thumbnail( $id ) ) {

            // Change thumbnail size, but I guess full is what you\'ll need
            $image = wp_get_attachment_image_src( get_post_thumbnail_id( $id ), \'full\' );

            $url = $image[0];

        } else {

            //Set a default image if Featured Image isn\'t set
            $url = \'\';

        }
    }

    return $url;
}

现在，您可以使用它在标题处回显特征图像的url。

<?php echo wpse207895_featured_image();?>

对于EAX示例：

<header class="site-header" style="background-image: url(\'<?php echo wpse207895_featured_image();?>\');">
    ....
    ....
</header>

I found this worked for me

您可以将页面的功能图像用作如下元素的背景图像-->

<?php $backgroundImg = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), \'full\' );?>
<article class="banner" style="background-image(url(\'<?php echo $backgroundImg[0]; ?>\'))"></article>

但我建议在“src”属性的image元素中使用它-->

<article class="banner">
 <?php $backgroundImg = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), \'full\' );?>
 <img src="<?php echo $backgroundImg[0]; ?>" alt="Feature Image">
</article>

并将图像大小设置为适合横幅元素的大小。