如何将图像裁剪为特定宽度和高度以在 WordPress 中添加 img src？答案

【问题标题】：How can I crop the image to specific width and height to img src in WordPress?如何将图像裁剪为特定宽度和高度以在 WordPress 中添加 img src？
【发布时间】：2017-07-10 19:54:38
【问题描述】：

在我的 WordPress 主题中获取最近的帖子图片，代码是

$gallery = get_post_meta($post->ID, 'property_gallery', true);
$images = explode("~~~", $gallery);
<img src="' . esc_url($images[1]) . '" alt="' . esc_attr($title) . '" />

代码显示最近的属性图像，但问题是我得到的图像是全分辨率的。

我想将图像裁剪为 200x200 或 100x100。

您可以在此处以全分辨率图像查看最近列出的属性，这会导致页面加载问题。 http://dxboffplan.com/developers/

【问题讨论】：

标签： wordpress image thumbnails

【解决方案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/

【讨论】：

【解决方案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 语法不正确。我已经更新了应该可以正常工作的代码。我在我的服务器上再次测试它正在工作。

希望这项工作。

谢谢

【讨论】：

wp_get_attachment_image_src 没有获取 img，实际上最近的帖子图片不是帖子的特色图片，它是一个自定义帖子字段输入，我将图库图片上传到帖子。
@SajjadAhmad 请参阅上面的更新答案。我在代码的最后一行出现了语法错误，希望您现在就能得到结果。谢谢你
感谢您的时间和精力，但不幸的是，img src 仍然是空的。但我得到了不同的方式。现在我正在使用精选 img 我的代码是这样的： $imgUrl = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' ); " alt=" post_title) ; ?> ">