上个月,在名为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主题中显示其他图片大小 … Read more 如何在WordPress中创建更多的图片大小