17713433920 info@mac163.com
Wordpress图像裁剪尺寸指南
WordPress图像裁剪尺寸指南

WordPress 3.9具有很多强大的功能。众多功能中的一项令人敬畏的新功能是现在可以控制在WordPress中上传的图片的裁剪位置的附加功能–这真是太棒了!

在继续之前,非常感谢Brad Touesnard所做的杰出贡献,现在已将其纳入WordPress核心!我认为这将是一个很好的机会,不仅可以详细说明如何利用此新功能,而且还可以贯穿并充分掌握此功能的整个范围。

最开始–添加或自定义图像尺寸

默认情况下,WordPress会生成图像的其他3倍版本。“缩略图”,“中”和“大”版本。上传的原始图像尺寸称为“完整”版本。

自定义默认值

您可以很容易地覆盖这些裁切尺寸的默认值。您可以转到WordPress信息中心的“设置” >>“媒体”并在那里更改值,也可以通过主题或插件函数文件来做到这一点,如下所示:

update_option('thumbnail_size_w', 250);
update_option('thumbnail_size_h', 250);
update_option('thumbnail_crop', 1);

添加其他尺寸

您可以快速轻松地将此功能放置在主题或插件功能文件中:

add_image_size( $name, $width, $height, $crop );

最终看起来像这样:

add_image_size( 'homepage-thumb', 250, 250, true );

提示:请记住为每个附加图像尺寸指定自己的唯一名称;-)。

您需要了解的所有内容都可以通过WordPress Codex找到。

一些WordPress 3.9+ Magic –控制作物位置

参数$ crop以前只是一个布尔值,即true或false。因此,如果设置为true,则可以是软比例作物,也可以是硬作物(请继续阅读以了解硬作物和软作物之间的差异)。但是,现在您可以使用数组指定裁剪区域的位置(x_crop_position,y_crop_position)。我喜欢从中心裁剪的图像,例如,您的功能现在看起来像这样:

add_image_size( 'homepage-thumb', 250, 250, array( 'center', 'center' ) );

$ crop参数仍然接受true / false值,根据Brad的说法,它是完全向后兼容的。语法与CSS background-position属性的语法相同,因此设计人员和开发人员都熟悉该语法,但是在这里为了清楚起见,它们在任何情况下都是如此。

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

因此,我将其裁剪了,现在该如何使用?

好消息……完全一样!!有关完整的细分,请像往常一样查看WordPress Codex。无论如何,这是一个提醒。在主题或插件中调用此自定义图像。在我们一直使用的示例中,方法如下:

the_post_thumbnail('homepage-thumb');

要么…

wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'homepage-thumb') );

但是我所有现有的图像呢?

如您所知,在您上传时,作物大小会循环循环并生成。现在,这意味着在通过添加我们自定义的裁剪位置或更改/添加新的裁剪尺寸来使用此新功能之后,我们现在剩下的是上传时生成的内容,而这些新图像版本均不可用,不酷!

Aaah,但是等等。幸运的是,他们在WordPress社区中有很多聪明又棒的人来拯救一天,这是重新生成的缩略图插件。这个插件已经存在很长时间了,太棒了!它将循环浏览所有现有的上载图像,并重新生成您添加或自定义的所有新图像尺寸。Woohooo问题解决了

硬对战 软作物–您决定

硬地作物

图像将被缩放,然后裁剪为您指定的确切尺寸。根据图像相对于裁切尺寸的比例,图像总是会被剪切掉。

软作物

Soft Crop
Soft Crop

柔和的裁切永远不会剪切掉任何图像,它将按比例缩小图像,直到适合指定的尺寸,并保持其原始纵横比。

值得一读的东西…

如果上载图像的任何尺寸(宽度或高度)小于设置的裁剪尺寸的尺寸,则将跳过该尺寸,并且不会创建该尺寸的版本!WordPress将循环显示所有设置的图像大小,并且只会创建比其尝试生成的图像更大的图像版本。在这种情况下,当在主题或插件中检索图像而该图像不存在时,它将默认使用原始的“完整”图像作为后备。


微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部