宁河建站:如何改变WordPress中的缩略图大小及其原因

2019.07.02 宁河网站建设

75

在WordPress中更改缩略图大小是非常容易的。下面是您需要遵循的步骤,稍后我们将深入研究这些步骤:

  1. 去你的WordPress仪表盘。
  2. 导航到

    设置>媒体

    标签。
  3. 寻找

    图像大小>缩略图大小

    部分。
  4. 更改缩略图的默认宽度和高度(以像素为单位)。

差不多就是这样。让我们仔细看看图像大小>缩略图然而,该款:

宁河建站

正如你所看到的,默认的缩略图大小会形成一个成比例的方形图像。在150×150像素,下面是您应该看到的:

宁河建站

这个图像所谓的“硬性作物”,因为我们启用了设置将缩略图裁剪到精确尺寸..这意味着WordPress将获取您设置的缩略图大小,用您使用的图像“填充”该区域,并将图像的其余部分去掉。另一方面,“软性作物”是一种缩小图像大小同时保持图像比例的调整。

现在,继续选择新的默认缩略图大小。然后,请记住保存对设置的更改。

一旦你设置了一个新的默认缩略图大小,WordPress就会使用它来处理从那一刻起你上传的所有图片。但是,如果您已经有了一个使用其他缩略图大小的相当大的媒体库,怎么办?宁河建站

与其重新上传这些图片,你可以简单地“调整”它们的大小。这份工作最好的工具是Ajax缩略图重建插件:

宁河建站

这个插件所做的就是取下你现有的缩略图,一个地调整它们的大小。它也适用于WordPress使用的其他图像大小,例如介质, 大等等。这意味着您可以使用它,即使您更改了其中的任何默认维度(稍后我们将向您展示如何实现这一点)。宁河建站

要开始,安装并激活插件。一旦你做了,跳到设置>重建缩略图选项卡并选择要调整大小的图像,然后单击重建所有的缩略图按钮:

宁河建站

根据媒体库包含多少图像,此过程可能需要一段时间。因此,请耐心等待,直到您看到已完成消息出现。

为什么你可能需要改变你的WordPress缩略图大小

在这一点上,我们已经讨论了多么,怎样在改变缩略图大小时,我们还没有讨论过为什么现在还没有。WordPress的默认缩略图大小为150×150像素,对于某些用户来说可以很好地工作,但是没有一个图像分辨率适合于设计的类型。

例如,您可能需要更大的缩略图来展示更多的细节。如果你在经营一家电子商务商店,这一点尤其重要。或者您可能希望使用更长方形的形状,特别是当涉及到特色图像为一个博客或新闻网站。

如果您正在重新设计您的网站或尝试一个新的主题,这也是一个好主意,花一些时间试验图像大小,这样你就可以看到什么最适合新的风格。另外,这个过程非常简单,应该只需要几分钟,而且它不会影响到您现有的媒体库,除非您安装我们前面介绍的额外插件。

如果要向WordPress添加自定义图像大小,怎么办?

每当您将图片上传到WordPress时,该平台就会在后台使用一些魔法来调整图像的大小,使其成为您可以使用的多个维度。正如我们前面提到的,这包括缩略图、中图片和大图像。拥有多个大小相同的图像可以让你选择最适合你需要的选项,从而使你的生活变得更容易。

您可以通过使用前面描述的相同进程来更改这些默认图像大小。但是,您也可以向站点添加新的默认大小。这可能是一个非常有用的选择。您可以为整个站点的所有不同类型的图像设置特定大小,并避免手动调整每个新图像的大小。

要向WordPress添加新的默认图像大小,您需要编辑主题的Functions.php档案。这意味着你会想连接到你的网站使用文件传输协议(FTP)客户端例如FileZilla,然后导航到站点的根文件夹。

一旦你到了,打开WP-内容/主题目录并查找共享主题名称的文件夹:

宁河建站

你应该找到Functions.php文件在这个文件夹中。一旦你这样做了,右击它并点击查看/编辑选择。这将使用本地文本编辑器打开文件,因此可以对其进行更改:

宁河建站

在对主题进行任何更改时要非常小心Functions.php文件,并且不更改其任何现有内容。相反,您需要在底部添加一个新的代码片段:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my-custom-image-sizes' );
function my-custom-image-sizes( $sizes ) {
return array_merge( $sizes, array(
'post-image' => __( 'Post Images' ),
) );
}

这段代码中的注释解释了它是如何工作的。首先,它告诉WordPress,您想要向主题添加新的图像大小。然后,它创建一个新的默认选项,并注册它,以便在下次打开它时在编辑器中显示出来。

让我们仔细看看我们注册的新默认值:宁河建站

add_image_size( 'post-image', 660 );

添加新的自定义图像大小时,可以同时设置宽度和高度。在我们的例子中,我们只设置宽度,它总是第一个值。这意味着WordPress将图像大小调整到我们想要的宽度和比例高度。

如果您也想添加一个特定的高度,则您的行应该如下所示:

add_image_size( 'post-image', 660, 480 );

可以随意添加任何您想要的自定义大小,为每个用户添加一个新行。然后将更改保存到Functions.php文件,新选项将显示在WordPress编辑器中。


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP