不同大小的缩略图

时间：2013-02-16 作者：Lucas Fernandes

我想把我所有的博客拇指都做成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

怎么了？

3 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

中间图像大小是离散的，而不是可变的。定义图像大小时，使用特定尺寸（无论是硬裁剪还是框大小调整），WordPress将创建具有指定尺寸的离散图像。

否则，如果可以动态定义宽度，WordPress将不得不创建大量令人望而却步的图像，以考虑响应性。

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

#content img {
    max-width: 100%;
    height: auto;
}
这样，如果调整了#content div的大小，您的帖子图像将随之调整大小，同时保持其纵横比。

SO网友:Björn Nordqvist

指定的图像大小仅在上载时生成。如果在设置缩略图大小和裁剪设置之前上载了文件，则需要重新生成它们。这可以通过以下插件实现：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

SO网友:Androliyah

我看你是新来的。我希望我们可以帮助您，如果您发现一个答案很有帮助，请进行投票并检查它是否被接受，以便其他有问题的人看到解决方案。

If you are trying to resize thumbnails,

Try 在您的功能中用此替换您所拥有的。php文件

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

结束
标签： plugins   post-thumbnails   images   小码农  

相关推荐

options creation for plugins

我是wordpress的新手，正在学习创建插件。我想知道wordpress在插件安装或激活期间如何在“wp\\U选项”表中为插件创建选项？wordpress如何决定这些选项值（有时是序列化数据）？