WordPress自定义图像尺寸创建与使用教程

WordPress默认会自动生成多种尺寸的图像副本，同时主题和插件也能创建专属图像尺寸。本教程将详细介绍如何在WordPress中轻松创建并应用自定义图像尺寸，让你的网站内容展示更加灵活美观。

为什么要创建额外的图像尺寸？

虽然主流WordPress主题和插件已能很好地处理图像尺寸，但默认设置可能无法完全满足你的需求。例如，主题可能会为存档页面生成特定尺寸的缩略图，但当你需要为子主题或特殊网格布局设计时，这些尺寸可能就不太合适了。通过创建自定义图像尺寸，你可以在需要时精确调用这些尺寸，实现更精细的内容展示。

如何为你的主题注册额外的图像尺寸

大多数WordPress主题（包括所有官方主题）都默认支持特色图片功能。如果你正在开发自定义主题，需要通过以下代码在functions.php文件中启用这一功能：

add_theme_support( ‘post-thumbnails’ );

启用特色图片支持后，你可以使用add_image_size()函数来注册自定义图像尺寸。该函数的参数格式如下：

add_image_size( ‘尺寸名称’, 宽度, 高度, 裁剪模式 );

以下是三种不同类型的图像尺寸示例：

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

每种尺寸都有不同的裁剪模式，让我们分别介绍它们的使用场景。

1. 硬裁剪模式
在示例中，”true”参数表示WordPress会精确裁剪图像到120×120像素。这种模式确保图像完全符合定义尺寸，自动从侧面或顶部底部进行裁剪，保持完美比例。

2. 软裁剪模式
这是默认模式，无需额外参数。它会按比例调整图像大小，但高度会根据原始图像比例变化，可能无法达到精确尺寸。适合需要保持原始比例的场景。

3. 无限高度模式
当需要使用超长图像（如信息图）但宽度有限时，这种模式特别有用。通过设置固定宽度，可以保持高度不受限制，同时确保设计不会因图像过长而破坏。

如何在WordPress主题中显示其他图像尺寸

要在主题中显示自定义图像尺寸，需要在post loop（文章循环）中添加以下代码：

注意：这段代码必须放在post loop中。添加后，你可以使用CSS样式自定义图像展示效果。

重新生成额外的图像尺寸

如果你不是在全新网站上添加这些尺寸，之前发布的文章图像可能不会自动生成新尺寸。这时需要使用Regenerate Thumbnails插件来重新生成图像尺寸。安装激活后，在Tools菜单下会出现Regenerate Thumbnails选项，可以选择重新生成所有图像或仅特色图像。建议重新生成所有图像以确保一致性。

为文章内容启用额外的图像尺寸

为了让文章作者也能使用自定义图像尺寸，可以添加以下代码到functions.php文件：

function wpb_custom_image_sizes( $size_names ) {
$new_sizes = array(
‘homepage-thumb’ => ‘首页缩略图’,
‘singlepost-thumb’ => ‘单篇文章缩略图’
);
return array_merge( $size_names, $new_sizes );
}
add_filter( ‘image_size_names_choose’, ‘wpb_custom_image_sizes’ );

添加代码后保存更改，上传图像时就会在图像块设置中看到自定义尺寸选项。现在你和网站其他作者都可以在发布文章时选择这些尺寸了。

希望本教程能帮助你掌握WordPress自定义图像尺寸的创建和使用。如果你还想了解如何优化图像压缩和提升网站性能，可以参考我们关于WordPress最佳图像压缩插件和性能指南的文章。

文章网址：https://www.wpbull.com/jiqiao/10685.html