Question

在我的wordpress帖子上，我将页面顶部的帖子缩略图添加为全宽。它工作正常，除了图片始终保持相同的大小，它永远不会裁剪。因此，如果屏幕很大，图片会被拉伸得太多，看起来很扭曲。我希望缩略图随着屏幕变大而裁剪，因此图像总是看起来很好而且清晰。（与此https://www.inthefrow.com/2016/10/3-amazing-places-eat-mykonos.html类似）我尝试添加true，但这并不起作用。有没有人有任何解决方案？提前谢谢。

＆＃13;

<div class="banner-image"><?php the_post_thumbnail( array( 5555, 2222, true ) ); ?></div>

＆＃13;

CSS

＆＃13;

.banner-image img {
    max-width: 100%;
    width:100%;
    height:700px;
}

＆＃13;

Answer 1

修改

替换这个：

<div class="banner-image"><?php the_post_thumbnail( array( 5555, 2222, true ) ); ?></div>

到此：

<div class="banner-image"></div>

然后确保在：.banner-image class
中设置一些高度
然后转到你的header.php（或你的标题模板在哪里），就在＆＃39; head＆＃39;之前。关闭了这个：

<style> .post .banner-img { background-image: url('<?php echo the_post_thumbnail_url() ?>'); background-size: cover; width: 100%; height: // what ever you choose } </style>

确保更改功能

the_post_thumbnail() // with the_post_thumbnail_url()

在这种情况下，它将动态地为每个帖子工作，这是一个不同的缩略图

如何将全宽幅图片放大

1 个答案: