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

时间:2017-02-21 09:16:41

标签: wordpress image thumbnails

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

Run as Administrator

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

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

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

2 个答案:

答案 0 :(得分:1)

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

ng new <options...>

--style (String) (Default: css)

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

之后重新开始使用thumnbnails是一个好主意,有一些插件可以提供帮助:https://en-za.wordpress.org/plugins/regenerate-thumbnails/

答案 1 :(得分:0)

首先,您应该在所需的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的语法不正确。我已经更新了应该正常工作的代码。我在我的服务器上再次测试它正在运行。

希望这项工作。

谢谢