媒体库:如何插入固定宽度的缩略图,而不考虑横向/纵向

时间:2011-04-04 作者:grrrbytes

我问了一个similar question before. 这是相关的,但不同。

现在:如果您通过媒体库在帖子中插入图像作为缩略图,您可以选择4种不同的大小:缩略图、中等大小、大大小和实际大小。这很好。但是:缩略图的尺寸取决于图像是横向还是纵向。您可以在介质设置中设置最大宽度或高度。例如,最大300宽和最大300高将使横向图像的宽度为300px,纵向图像的高度为300px。所以不会是always 300px宽。只有当它是一幅风景画的时候。

如果我错了,请纠正我,但这是我迄今为止遇到的情况。

要点:我的客户以前使用movable type,但决定改用wp。然而,在mt中,您可以设置缩略图的最大宽度,以便缩略图always 此宽度,无论是纵向还是横向。他希望所有的缩略图都具有相同的宽度,而不管其方向如何。

这与wp的工作方式不兼容,因为宽度取决于图像的方向。

问题:如何让wp像我的客户希望的那样工作(即:将所有缩略图设置为相同的宽度,无论是横向还是纵向)

是的,这个问题与我在一开始提到的问题非常相似,但这个问题与帖子缩略图有关,缩略图的大小总是相同的,这个固定宽度可以在模板中设置。在这种情况下,情况有所不同:图像插入到帖子中,媒体库决定大小。

不知道我是否说清楚了。如果我有:谁有解决方案?无论是插件(尚未找到)还是黑客。如果我没有:开枪打我,我会尽力澄清。

2 个回复
最合适的回答,由SO网友:Chris_O 整理而成

您可以为所有图像大小设置最大宽度,WordPress会将纵向和横向图像裁剪为相同的宽度

在“媒体设置”中设置“宽度”字段,并将“高度”字段留空。

enter image description here

When you upload a landscape oriented image the size will never go past the max width of 300px and the height will be proportionate .

enter image description here

When you upload a portrait orientated image the max width will still be 300px.

enter image description here

When the post or page is displayed both images will line up and be the same width:

enter image description here

SO网友:Wyck

您已经问过这个问题,但这里有一些解决方案。

宽度使用硬编码CSS
使用TimThumb

使用技巧,将高度设置为一个巨大的数字,如9999,这样就永远不会使用高度。

set_post_thumbnail_size( 300, 9999 ); 
或者通过将参数设置为true来使用硬裁剪。

set_post_thumbnail_size( 300, 300, true ); 

结束

相关推荐

Resizing all images

我刚刚更改了博客的主题,由于页面宽度很小,它打破了布局。我之前的大多数图片(附在帖子中)的宽度都在600px左右,现在我需要按450px的比例调整它们的大小。如何一次性调整它们的大小?有这个插件吗?P、 美国:编写CSS规则是一个很好的选择,我已经做到了。但我认为调整图像大小也会减少每个页面的下载开销!