如何在 WordPress 中将图像裁剪为特定的宽度和高度到 img src？

Answer 1

您只需在主题的functions.php中定义所需的缩略图大小即可。

// create square image size 
add_image_size( 'square-thumb', 300, 300, true );

add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'square-thumb' => __( 'Square Thumb' ),
    ) );
}

将大小从 300 更改为您需要的任何值。

之后重新生成缩略图是个好主意，有一些插件可以提供帮助：https://en-za.wordpress.org/plugins/regenerate-thumbnails/

Answer 2

首先，您应该在functions.php中添加您想要的图像尺寸。为此，

// create square image size 
add_image_size( 'recent-images', 200, 200, true ); //true means hard crop 

这会将新上传图像的新图像尺寸裁剪为 200 * 200。

重要提示： 尺寸不会根据已上传的图像生成，而是仅针对新上传的图像生成。

要为已上传的图像生成大小，您必须获取可以在插件目录中找到的插件。

现在，添加图像尺寸后，您只需要对代码进行一些更改即可。

$gallery = get_post_meta($post->ID, 'property_gallery', true);
$images = wp_get_attachment_image_src( $gallery, 'recent-images' );
<img src="<?php echo $images[0]; ?>" alt="<?php echo esc_attr($title); ?>" />  //updated this line only

更新： 最后一行带有 img 标签的 PHP 语法不正确。我已经更新了应该可以正常工作的代码。我在我的服务器上再次测试它正常工作。

希望这能成功。

谢谢你