如何将 wordpress 特色图像的大小调整为 620 宽度，调整循环中的任何相应高度，但不是永久调整？

Question

这是我正在尝试执行此操作的网站： http://increaseinwebtraffic.com/marywood/deals/

顶部的几笔交易宽度大于 620，但底部的交易宽度较小。我尝试使用下面的代码但没有成功。我用谷歌搜索了一下，只找到了永久的解决方案。

<?php the_post_thumbnail( array(620,295) ); ?>

任何帮助表示赞赏。

Answer 1

请尝试以下代码。

<?php
$thumbnail_id = get_post_thumbnail_id(get_the_ID());
if (!empty($thumbnail_id))
{
  $thumbnail = wp_get_attachment_image_src($thumbnail_id, 'full');
  if (count ($thumbnail) >= 3)
  {
    $thumbnail_url = $thumbnail[0];
    $thumbnail_width = $thumbnail[1];
    $thumbnail_height = $thumbnail[2];

    $thumbnail_w = 620;
    $thumbnail_h = floor($thumbnail_height * $thumbnail_w / $thumbnail_width);
  }
}

if (!empty ($thumbnail_url)): ?>
  <img class="thumbnail" src="<?php echo $thumbnail_url; ?>" alt="<?php the_title_attribute(); ?>"
       width="<?php echo $thumbnail_w; ?>" height="<?php echo $thumbnail_h; ?>" />
<?php endif; ?>

http://www.boxoft。净/2011/10/显示-the-wordpress-featured-image-without-stretching-it/

Answer 2

围绕上面的代码进行设置，然后使用 CSS 设置宽度和高度怎么样？像这样的东西：

CSS

.deals img {
 width: 620px;
 max-height: 295px;
}

HTML / PHP

<div class="deals"><?php the_post_thumbnail( array(620,295) ); ?></div>