如何在WordPress中创建更多的图片大小

上个月,在名为TimThumb的着名图像调整脚本中出现了一个巨大的漏洞。 自那时以来,社区已经合作并解决了这个问题。 虽然TimThumb是一个可行的选择,但我们相信WordPress主题开发者应该专注于使用核心功能而不是依靠第三方脚本。 在这篇文章中,我们将向您展示如何在WordPress中添加额外的图片大小。

WordPress有一个内置的功能张贴缩略图又名精选图像。 还有一个内置函数add_image_size(),它可以让你指定图像的大小,并给你选择裁剪。 在主题中使用这些核心功能基本上可以在大多数情况下消除像TimThumb这样的第三方脚本的需要。

注册您的主题的其他图像大小

您将需要通过将以下代码添加到主题的functions.php文件中来添加对帖子缩略图的支持:

add_theme_support('post-thumbnails'); 

启用对帖子缩略图的支持后,现在可以使用功能add_image_size()注册其他图像大小的功能。 add_image_size函数的用法如下:add_image_size(’name-of-size’,width,height,crop mode);

示例代码可能如下所示:

add_image_size('sidebar-thumb',120,120,true);  //硬裁切模式
 add_image_size('homepage-thumb',220,180);  //软裁切模式
 add_image_size('singlepost-thumb',590,9999);  //无限高度模式 

现在如果你注意到,我们已经指定了三种不同的图像大小。 每个人都有不同的模式,如艰苦的庄稼,柔软的作物,和无限的高度。 因此,让我们介绍每个示例,以及如何使用它们以获得您的好处。

硬作物模式 – 正如你注意到的那样,在高度之后增加了一个“真实”值。 这真正的价值是告诉WordPress将图像裁剪为我们定义的大小(在这种情况下为120 x 120像素)。 这是我们在主题设计中使用很多的方法,以确保一切都是相称的,我们的设计没有打破。 根据尺寸的不同,该功能会自动从侧面或从顶部和底部裁剪图像。 硬裁剪的缺点是你无法控制图像的哪一部分被显示

Mike Little进行更正 – 当您上传图片后,在插入图片之前,您可以点击“编辑图片”,然后从那里更改缩略图或整个图片,缩放,旋转或翻转图像,缩略图 选择你想要的图像的确切部分。

软裁切模式 – 默认情况下,软裁剪模式打开,这就是为什么你看不到任何额外的价值增加后的高度。 该方法按比例调整图像的大小,而不会扭曲图像。 所以你可能不会得到你想要的尺寸。 通常它与宽度尺寸相匹配,高度根据每个图像的比例而不同。 示例显示如下所示:

软作物的例子

无限高度模式 – 有些时候,你有超长的图像,你想在你的设计中使用,但你想确保宽度是有限的。 我们发现这种图像大小的主要用途是在信息图表上。 信息图往往是非常漫长而充满信息的。 在单个页面上裁剪这样的图像并不是一个好主意。 但天生信息图表比内容宽度更宽。 所以你可以做的是指定一个宽度,不会打破你的设计,而高度是无限的,所以所有的信息图可以没有任何失真地显示。 示例显示如下所示:

无限高度模式示例

在您的WordPress主题中显示其他图片大小

现在,您已经添加了所需图像大小的功能,让我们看看在WordPress主题中显示它们。 打开要显示图像的主题文件并粘贴以下代码:

注意:这一点代码必须粘贴在后循环内。

这就是所有你必须做的,以在你的WordPress主题中显示额外的图像大小。 你可能应该用适合你需要的样式来包装它。

重新生成其他图像大小

如果你不是在一个全新的网站上这样做,那么你可能将不得不重新生成缩略图。 add_image_size()函数的工作方式是它只能从添加到主题中的点生成大小。 因此,在包含此功能之前添加的任何后期图像都不会有新的大小。 所以我们需要做的是重新生成旧图像的新图像大小。 通过名为Regenerate Thumbnails的插件可以轻松实现这一点。 一旦你安装并激活这个插件,在菜单下添加一个新的选项:Tools»Regen。 缩略图

重新生成缩略图插件屏幕

点击重新生成缩略图图标,让插件完成工作。

另一个可以完成这项工作的插件是Simple Image Sizes。

为您的发布内容启用其他图片大小

即使您已经在主题中启用了图片大小,但是这种使用方式仅限于您的主题,这没有任何意义。 所有的图像大小正在生成无论如何,所以为什么不让后作者在后内容中使用它。 你可以通过使用一个名为Simple Image Sizes的插件来做到这一点。

一旦你安装并激活这个插件,新的选项将被添加到你的设置»媒体页面。 您会看到您在主题中定义的尺寸列表。 所有你需要做的是检查框中显示“显示后插入”。

插入额外的图像大小

一旦您选中此框,您的作者将可以使用其他尺寸的内容。

其他图像大小的帖子

注意在上面的图像中,我们有我们在主题中定义的所有图像大小,供我们的作者在发布内容中使用,如果他们愿意的话。

简单的图片大小插件还可以让你直接从WordPress的仪表板创建自定义的图像大小。

我们认为应该在所有WordPress主题开发者的最佳做法下添加这种方法。 你怎么看?