Wordpress 图像尺寸

Question

我正在尝试了解 WordPress 中的图像尺寸。 我选择了一些产品，这些产品将显示为产品图像、主页上的大型特征砖石图像，有时会显示在页面顶部的英雄图像中。

我正在为客户制作这个，理想情况下他们能够拥有涵盖所有这些的尺寸，以便他们可以在需要时更改每一个。

我可以为每个图像添加最大尺寸（例如 1920px 的英雄尺寸），然后 WordPress 将为每次使用选择合适的尺寸，还是我需要做一组英雄图像、一组砖石图像和一组产品或这些产品的组合。

我发现它有点令人困惑，我不想添加不必要的文件大小。

我试图阅读有关该主题的其他帖子来澄清这一点，但似乎找不到明确的答案。

谢谢

Answer 1

默认情况下，除了原始图像之外，WordPress 还会创建缩略图、中型和大图像。每次上传总共四张图片。

如果是特色图像，您可以在代码中告诉 WP 使用哪个图像。请参阅 https://codex.wordpress.org/Post_Thumbnails:

的示例

// without parameter -> Post Thumbnail (as set by theme using set_post_thumbnail_size()) 
the_post_thumbnail();

the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium');          // Medium resolution (default 300px x 300px max) 
the_post_thumbnail('large');           // Large resolution (default 640px x 640px max) 
the_post_thumbnail('full');            // Original image resolution (unmodified)

the_post_thumbnail( array(100,100) );  // Other resolutions

除了默认值之外，某些主题还为英雄图像、产品等添加自己的尺寸https://codex.wordpress.org/Function_Reference/set_post_thumbnail_size：

set_post_thumbnail_size( 50, 50 ); // 50 pixels wide by 50 pixels tall, resize mode

如果您只需要不同尺寸的相同图像，那么这种方法可以很好地工作，但如果图像不同，比如说英雄图像与产品图像、特色图像不同，那么您可能需要使用自定义字段。

使用自定义字段，您可以为每个用例使用不同的图像。

我建议使用 http://www.advancedcustomfields.com/ 添加图像字段。我写了一篇关于如何在ACF中使用图像对象的文章（http://www.aliciaramirez.com/2014/03/advanced-custom-fields-image-object-tutorial/）

Answer 2

您需要在functions.pho中添加一些代码来注册新的缩略图尺寸。添加新大小时要小心，这可能会增加 inode 使用量和服务器存储量。

首先启用缩略图

add_theme_support( 'post-thumbnails' );

添加注册新自定义尺寸的操作

add_action( 'after_setup_theme', 'custom_image_sizes' );

function custom_image_sizes() {
    add_image_size( 'picture-blog', 600, 420, true ); 
    add_image_size( 'slider', 500, 400, true ); 
    add_image_size( 'quotes', 65, 51, true ); 
}

请参阅本指南 https://blog.aviada.mx/tech-tips/using-custom-image-sizes-in-wordpress/