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

时间: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规则是一个很好的选择,我已经做到了。但我认为调整图像大小也会减少每个页面的下载开销!