![](https://cxg-design.jp/wp-content/uploads/2024/04/cssbanner03.png)
CSS IMAGE COVER
シングルページに、PHPで指定した画像を全幅表示するCSSコードです。
PHPのpostthumbnailクラス内にサムネイルを読み込んでいます。
.pg-code .postthumbnail{
width:100%;
height:150px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
object-position: 50% 50%;
object-fit:cover;
}
.pg-code .postthumbnail img{
width:100%;
height:100%;
object-fit:cover;
}
<div class="postthumbnail" >
<?php if(has_post_thumbnail()): ?>
<?php the_post_thumbnail('large'); ?>
<?php endif; ?>
</div>