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

在我的WordPress主题得到最近发表图片，代码如何在WordPress中将图像裁剪为特定的宽度和高度以img src？

$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/

来源

2017-02-21 Sajjad Ahmad

您只需在主题的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更改为任何您需要的值。

这为后来再生thumnbnails一个好主意，有一些插件，可以帮助：https://en-za.wordpress.org/plugins/regenerate-thumbnails/

来源

2017-02-21 09:45:09 Daniel

首先，你应该在你的期望之一的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语法。我已更新应该正常工作的代码。我在我的服务器上再次测试它正在工作。

希望这项工作。

谢谢

来源

2017-02-21 10:00:22

wp_get_attachment_image_src没有得到IMG，后实际上是没有特色的最近的文章中的图片，它是一个自定义后场输入其中i上传画廊图像的帖子。 –

@SajjadAhmad查看上面更新的答案。我在代码的最后一行提出了语法错误，希望你现在能得到结果。谢谢 –

感谢您的时间和精力，但不幸的是，仍img src是空的。但我有不同的方式。现在我使用精选img我的代码是这样的： $ imgUrl = wp_get_attachment_image_src（get_post_thumbnail_id（$ post-> ID），'thumbnail'）;

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

回答

相关问题