Scale An Image Thumbnail

时间:2015-02-10 作者:Gavin Coates

我在页面上显示一些徽标时遇到问题。该页面显示了一系列公司的搜索结果,每个结果都显示在一个小框中。我需要的标志,以适应正确的规模在这个盒子,但目前它只是改变高度,这导致它看起来拉伸。

该框的代码为:

  •    <div class="membername"><?php the_title(); //echo the_excerpt(); ?></div>
          <a class="button" href="<?php the_permalink(); ?>" title="<?php the_title(); ?> Member Profile">View Details</a>
     </li>
    
    但是,为图像输出的代码如下所示:

    <img width="130" height="78" src="img.jpg" class="attachment-thumbnail wp-post-image">
    
    这似乎是个问题。我需要的图像显示不高于34px,但如果我在CSS中设置此大小,宽度将保持html中原来设置的130。所有图像的大小都不同,因此我无法对宽度进行硬编码。

    如何缩放图像,使其不会拉伸?

  • 1 个回复
    SO网友:Faishal

    WordPress中有一个简单的解决方案:add_image_size

    您可以注册主题中所需的任意大小,WordPress将生成该大小的图像,并在该大小启用裁剪时进行裁剪。

    您可以使用“重新生成缩略图”插件为旧帖子生成所有图像大小。

    请检查codex 了解更多信息。

    结束