如何在不裁剪的情况下将上传的WordPress图像调整到特定的高度和宽度

时间:2017-03-16 作者:SAS COMMUNICATION

我需要让Wordpress在上传时自动调整图像大小,以适应特定的宽度和高度。(如300px x 400px)

我知道add\\u image\\u size()函数,但它似乎不适合我的需要。图像已调整大小,但keeps his ratio 或者将其调整为所需的宽度和高度,但cropped!These 不是我要找的。

我需要将图像“包含”到一个300x400的矩形中,就像css属性“background size:contain”一样,如果图像有另一个比率,则最终在边框上留有空白。

有什么想法吗?:)

1 个回复
SO网友:Andy Macaulay-Brook

WordPress的图像大小调整并没有将你的图像绘制到画布上,它只是调整法师的大小以适应,如果你要求的话可以裁剪。

add_image_size(\'contained-image\', 300, 400);
将为您提供所需的图像大小,但不带字母框。

将调整图像大小,使其紧密适合300x400矩形。但是,它们不会被填充到300x400,并将边框保存为图像的一部分。

您应该能够通过以下方式在CSS中实现这一点

img.size-contained-image {
    width: 300px;
    height: 400px;
    object-fit: contain;
}
尽管IE&;较旧的浏览器不支持此功能,存在多边形填充。

如果要将图像调用到主题中,那么可以将它们包装在div中,并使用CSS获得结果。

也可以连接到WP的大小调整中,做自己的事情。例如,水印插件就是这样做的。

相关推荐

如何使用乌龟SVN为WordPress Core做贡献?

我期待逐步指导如何使用提交补丁Tortoise SVN 因为有点不清楚documentation 对我来说。例如,它说,“”Open the folder, 并找到需要更改的文件。在您喜爱的纯文本编辑器中打开它。注意:不要使用诸如Word或OpenOffice之类的富文本编辑器来编辑文件。“”什么文件夹?我知道这意味着有WordPress核心文件的文件夹。但是我应该在哪里买到呢?(来自https://wordpress.org/download/ ???)那么,当我去创建一个新的记录单时,我应该选择“增强