缩略图显示为缩放

时间:2012-08-01 作者:Frank Morrison

我使用的主题将我的拇指设置为150x150px。但在安装插件后(请仔细查看),我注意到它正确地显示了它们,但默认缩略图被放大了。有人能告诉我应该去哪里吗?这是拇指的css:

#content .featured_box { width: 150px; float: left; margin-right: 14px; color:#afafaf; }
#content .featured_box img { width: 150px; height: 150px; }
#content .featured_box p { font-size: 11px; color:#afafaf; }
#content .last { margin-right: 1px; }
#content .first { margin-left: 1px; }

.recent_box { width: 150px; float: left; margin-bottom: 15px; }
.recent_box img { width: 150px; height: 150px; }
.recent_box h3 a { font-size: 13px; color: #000; text-decoration: none; }
.recent_right { float: right !important; }
编辑:我对这件事还没有进一步的了解,其他人能想到这件事会发生的原因/方式吗?可能是因为视频缩略图是16:9,缩略图是4:3?

下面是php的内容:

<a href="<?php the_permalink(); ?>"class="img_hover_trans"><?php the_post_thumbnail(\'featured-small\'); ?></a> <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
编辑2:我在我的函数中找到了这个。php

if ( function_exists( \'add_theme_support\' ) ) { // Added in 2.9
  add_theme_support( \'post-thumbnails\' );
  add_image_size(\'featured-big\',335,338,true);
  add_image_size(\'featured-medium\',284,176,true);
  add_image_size(\'featured-small\',150,150,true);
  add_image_size(\'featured-sidebar\',58,58,true);
  add_image_size(\'featured-blog\',336,157,true);
  add_image_size(\'recent-sidebar\',150,150,true);
}
编辑3:这很奇怪,但如果我将上面的一行更改为:

  add_image_size(\'featured-small\',200,150,true);
它以正确的纵横比显示(即使在其他地方设置为150x150)。我不知道为什么会这样,但确实如此。

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

不是因为你在使用$croptrue, 作为add_image_size() 作用

这将裁剪图像,实际上不会调整图像大小。

SO网友:TheDeadMedic

我敢肯定,这是因为CSS在所有图像上强制使用一个维度,而那些看起来“缩放”的图像在物理上更小,所以它们会被拉伸以适应。

仅仅因为您的缩略图设置为150x150,并不保证它们会设置为150x150。即使您更改了媒体设置,过去上传的图像仍将保持原样。

值得注意的是,WP不会将图像放大到适合的尺寸,它只会裁剪/缩小尺寸。因此,如果你上传一个一开始很小的缩略图,缩略图可能确实小于150x150。

结束

相关推荐

子主题函数。php我是否使用php开始和结束标记?

我设置了一个儿童主题,效果很好。它正在导入主样式。css和具有自定义css样式以及自定义标题。php和页脚。php文件使用函数时。php在子主题中,它将附加子主题函数。php的主题。我是否需要在打开和关闭php标记时包装我的函数,或者我可以在没有php标记的情况下添加以下内容add_image_size( \'related-thumbnail\', 130, 130, true );