Html Wordpress博客主页CSS问题

我正在尝试将博客文章的特色图片大小设置为一致

我调整了这段代码：

HTML:

但是现在，正如您在访问该页面时所看到的，信息图表的特色图像在主博客页面上被压扁

我想做的是在460px处截取图像，而不是将其压扁以适合460px（用于主博客页面）。换言之，特色图片摘录应在460像素处截止

为什么这不起作用？你会怎么做

---

提前谢谢。

唯一可能的CSS解决方案是将您为图像指定的维度改为包装div，并设置

溢出：隐藏以切断图像，例如：

.featured-image-excerpt {
    height: 460px;
    width: 100%;
    overflow: hidden;
}
.attachment-post-thumbnail {
    width: 100%;
}

通过从图像规则中删除
高度
，它应该可以工作。
使用Add\u image\u size函数在functions.php文件中添加新的图像大小。在这种情况下，请添加以下代码：

add_image_size( 'custom-size', 240, 180, true );

这将设置图像大小为240x180，并将图像裁剪为大小。给它命名为“自定义大小”

要在页面中使用此选项，请执行以下操作：

<div class="featured-image-excerpt">
<?php the_post_thumbnail('custom-size'); ?>
</div>



您可能还需要重新生成所有缩略图，您可以使用许多可用插件中的一个来完成此操作。
工作非常出色！谢谢。你应该考虑在特色图片上添加一个链接。很多人会点击图片进入帖子。只是一个想法。
add_image_size( 'custom-size', 240, 180, true );

<div class="featured-image-excerpt">
<?php the_post_thumbnail('custom-size'); ?>
</div>