php - ワードプレスの注目の画像のサイズをループ内の対応する高さで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.net/2011/10/display-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>