不同尺寸的缩略图

Question

我想让我所有的博客拇指大小为227x133。我需要图像宽度有100% (为响应设计)。有些图像的宽度大于其他图像，反之亦然。

我用这段代码来显示我博客的大拇指：

/ / Post thumbnails sizes
add_theme_support ('post-thumbnails');
add_image_size ('blog-page', 9999, 545, true);

问题是，这些图像的大小并不相同：

如何：http://img834.imageshack.us/img834/1856/77751386.png

我想要的方式：http://img17.imageshack.us/img17/5461/68767097.png

怎么了？

Answer 1

中间图像大小是离散的，而不是可变的。当您定义具有特定尺寸(无论是硬裁剪还是调整大小)的图像大小时，WordPress将创建一个具有指定维度的离散图像。

否则，如果可以动态定义宽度，WordPress将不得不创建数量非常多的图像，这仅仅是为了考虑响应性。

要考虑响应性设计，您必须使用CSS。这样做的最简单方法是使用类似于以下规则的规则：

#content img {
    max-width: 100%;
    height: auto;
}

这样，如果调整了#content的大小，您的post图像将随之调整大小，同时保持它们的纵横比。

Answer 2

指定的图像大小仅在上传时生成。如果您在设置缩略图大小和裁剪设置之前上传了这些文件，则需要重新生成它们。这可以用这个插件：http://wordpress.org/extend/plugins/regenerate-thumbnails/来实现。

另外，如果你想要缩略图裁剪，你应该有正确的纵横比为图像大小。

add_image_size ('blog-page', 227, 133, true); //1.7:1 aspect ratio
add_image_size ('blog-page', 926, 545, true); //1.7:1 aspect ratio

Answer 3

我看你是新来的。我希望我们能帮助你，如果你发现一个有帮助的答案，请投票并检查它是否被接受，以便其他与你的问题将看到解决办法。

如果您试图调整缩略图的大小，

尝试替换functions.php文件中的这些内容

if ( function_exists( 'add_theme_support' ) ) { 
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 227, 133, true ); // default Post Thumbnail dimensions (cropped)
}