如何将特征图像转换为背景图像

时间:2018-11-15 作者:William Jerome

我试图将背景图像设置为特征图像,因此我使用background-size:cover. 下面是我已经完成的代码,但如何将功能图像添加到<div class="bg-img" style="background:...">. 如何实现背景图像技术。

if ( $post->post_parent )
    $post_id = $post->post_parent;
else
    $post_id = $post->ID;

if ( $thumbnail = get_the_post_thumbnail( $post_id, \'post-thumbnail\' ) ) {
    echo $thumbnail;
}

1 个回复
SO网友:vikrant zilpe

please use this code

<?php $backgroundImg = wp_get_attachment_image_src( 
   get_post_thumbnail_id($post->ID), \'full\' );?>

 <div class="header-wrap" style="background: url(\'<?php echo $backgroundImg[0]; ?>\') no-repeat;">

 <header class="entry-header">

 <h1 class="entry-title">
 <?php the_title(); ?>
 </h1>

 </header>

结束

相关推荐