用原生WordPress的方式是无法实现您想要的。你必须两者都使用add_image_size()
WordPress函数和CSS创建图像的大小调整后的缩略图版本@ialocin已经解释了什么add_image_size()
是的,所以不要重复。
首先,需要设置特定的宽度,高度值非常高,并将硬裁剪模式设置为false
. 然后使用CSS设置缩略图的尺寸。例如:
add_image_size(\'224_226\', 224, 9999, false);
这会将缩略图宽度设置为224px,并将高度拉伸到最大,以保持当前比例。然后在调用缩略图时添加一个类。。
the_post_thumbnail( \'224_226\', array( \'class\' => \'image-224-226\' ) );
最后,使用CSS设置高度和宽度。。
.image-224-226 {
height: 226px;
width: 224px;
}
您需要确保上传图像的高度大于宽度,否则缩略图的高度会较短,但CSS会将其拉伸到合适的位置,您可能会得到扭曲的图像。这同样适用于更宽的图像。