Установить размер WordPress thumbnail post

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> 

Я хочу установить размер большого пальца до 800px по 500px с WordPress функциями.
Thanks

Answer 1

Из того, что я вижу, ваша функция WordPress выводит ваше изображение внутри миниатюры. так что-то сделать это

.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

Answer 2

Использование add_image_size в вас functions.php: Wordpress documentation.

add_image_size('my-thumbnail', 800, 500, true); 

Или используйте плагин для создания большего размера изображения, например this.

Затем измените формат носителя на новый формат. Будет лучше, чем более крупное изображение будет меньше в CSS (проблема с производительностью). После этого всегда зависит, отвечает ли ваш сайт отзывчивому или нет для использования большего изображения, но это еще одна тема.

$url = wp_get_attachment_url(get_post_thumbnail_id($single_post_ID, 'my-thumbnail')); 

Update: Изображения должны быть выкладывание или использовать этот плагин: Resize Image After Upload