Wordpress图片大小

时间:2016-02-29 19:26:57

标签: wordpress image-size

我试图了解Wordpress中的图像大小。 我有一系列产品可以在主页上显示为产品图像,大型功能砖石图像,或者有时在页面顶部显示为英雄图像。

我正在为客户制作这款产品,理想情况下,他们可以拥有涵盖所有这些产品的尺寸,以便他们可以在需要时更换每个产品。

我可以为每一个添加最大尺寸(例如1920px的英雄大小)然后wordpress会为每次使用选择合适的尺寸,或者我需要做一组英雄图像,一组砌体图像和一组一组产品或这些产品的组合。

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

我试图清楚阅读有关此主题的其他帖子,但似乎无法找到明确的答案。

由于

1 个答案:

答案 0 :(得分:0)

默认情况下,除原始图像外,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/

中使用图像对象的文章