裁剪帖子缩略图，而不伪造它们以裁剪到尺寸

时间：2020-02-26 作者：Mulusa Pro

我正在尝试在循环中裁剪缩略图，在使用代码裁剪时遇到了一些问题一些图像的宽度或高度都很大这是我的代码

.imgholder {float:left;margin-right:20px; margin-left:20px;height:240px;width:240px;}
回路

<?php the_post_thumbnail( \'large\' , array(\'class\' => \'imgholder\')); ?>
当我将上面的“大”更改为“缩略图”时，效果非常好，请帮助谢谢

2 个回复
最合适的回答,由SO网友:vbaimas 整理而成

基本上，当您设置缩略图大小时，您可以选择如何在WordPress中裁剪缩略图。

软裁剪Soft Crop 在WordPress中，与通常所说的Fit Crop 这就是我们通常认为的“纯调整大小”。整个图像将适合于指定尺寸的框中，而无需剪切任何图像。因此，如果图像的形状与长方体的形状不完全相同，则最终会出现空白。

有两种方法可以指定硬裁剪。其中之一是在WordPress dashboard>Settings>Media中导航，并取消选中“将缩略图裁剪到精确尺寸（通常缩略图是成比例的）”选项。如果不选中该选项，则会设置软裁剪。

enter image description here

现在，如果您通过functions.php 然后您可以使用add_image_size 函数，您可以使用FALSE属性指定软裁剪，如下所示。

add_image_size (\'large\', 240, 240, false);

硬作物Hard Crop 将填充您指定的任何尺寸的框，并剪切图像中未填充该框的任何其他部分。此外，在本例中，我们有两种方法可以指定硬裁剪。其中之一是在WordPress dashboard>Settings>Media中导航，并选中“将缩略图裁剪到精确尺寸（通常缩略图是成比例的）”选项。保持这一点处于选中状态会造成严重后果。

如果您在中指定functions.php 然后它看起来像这样：

一

enter image description here

零二<提示，即正确使用自定义图像。在你的问题中，你使用large 但这些维度并没有那么大。如果您使用了很多尺寸的图像，我建议您不要使用名称，以免混淆。在你的情况下，我会使用medium 而不是large.Regenerate Thumbnails. 此插件允许您重新生成已上载到媒体库的一个或多个图像的所有缩略图大小

SO网友:WebElaine

使用the_post_thumbnail 不裁剪图像，它只显示您请求的WP注册图像大小。默认情况下，将图像上载到媒体库时，会生成多种大小的图像。缩略图通常设置为裁剪为正方形，但较大的图像大小不是。

您可以更改媒体设置以强制裁剪并强制将大图像大小设置为方形。

或者，您可以添加一个全新的图像大小，这样您就可以在站点上的任何地方使用大型图像，而不必将其裁剪成方形，但这也会生成新的额外图像大小，这样您就可以始终在代码中使用更大的方形图像。

标签： post-thumbnails   小码农  

相关推荐