html - 设置 WordPress 缩略图帖子的大小

Question

我创建了按类别 ID 获取帖子缩略图的函数。这是代码:

<div class="row text-center">
    <?php
        foreach ( $wp_query->posts as $single_post) 
        {
            $single_post_ID = $single_post->ID;
            $url = wp_get_attachment_url( get_post_thumbnail_id($single_post_ID, 'medium') );
    ?>
    <div class="col-md-3 col-sm-6 hero-feature">
        <div class="thumbnail">
         <img src="<?php echo $url ?>" />
            <div class="caption">
                <h2><?php echo get_the_title( $single_post_ID ); ?></h2>
                <p>
                <a href="#" class="btn btn-primary">Commander</a> 
                <a href="#" class="btn btn-default">Plus Info</a>
                </p>
            </div>
        </div>
    </div>
    <?php } ?>
</div>

我想使用 wordpress 函数将缩略图的大小设置为 800px x 500px。
谢谢

Answer 1

据我所知，您的 WordPress 函数会在 .thumbnail 中输出您的图像。所以做这件事

 .thumbnail {
 width: 800px;
 height: 500px;
 overflow: hidden; /* Cuts off whatever goes beyond the given width */
}


 .thumbnail img {
  width: 100%; /* 100% equals 800px as defined for .thumbnail */
  height: auto; /* Allows the image a breathing option so it doesn't deteriorate */
}

注意:包含的元素已经有给定的宽度(800px)所以图像不会超过800px