Как сделать сетку миниатюр Wordpress одинакового размера

Question

Я пытаюсь создать миниатюры и заголовки Wordpress из сообщений в сетке. Он генерируется, как и ожидалось, однако размер миниатюр не может быть одинаковым. Если высота изображения больше ширины, она не обрезается, как я ожидаю от своей пользовательской функции add_image_size().

Есть идеи, как сделать изображения в сетке одинакового размера?

Код, который я использую в функциях Wordpress:

add_image_size( 'cust-thumb', 400, 300, true );

Код файла пользовательской темы:

<div class="container-fluid p-5">
    <div class="row">
    <?php while($catquery->have_posts()) : $catquery->the_post(); ?>
    <div class="col-md-3 col-sm-4 col-12 text-center pb-4 col">
        <a href="<?php the_permalink() ?>" rel="bookmark">
        <?php the_post_thumbnail('cust-thumb'); ?>
        <h5 class="pt-2"><?php the_title(); ?></h5></a>
    </div> 
    <?php endwhile; ?> 
    </div>
</div>

Answer 1

Положение по умолчанию

add_image_size( 'custom', 400, 300, true );

Новые значения позиции обрезки

Теперь вы можете добавить массив к 4-му параметру, который включает в себя значения для X Crop Position и Y Crop Position.

Это позволяет вам указать, где копируется ваш пользовательский размер изображения:

Позиция X принимает «левый», «центральный» или «правый». Позиция Y принимает «верх», «центр» или «низ».

add_image_size( 'custom', 400, 300, array( 'left', 'top' ) );

Положение культуры

add_image_size( 'right-top', 300, 300, array( 'right', 'top' ) );
add_image_size( 'right-center', 300, 300, array( 'right', 'center' ) );
add_image_size( 'right-bottom', 300, 300, array( 'right', 'bottom' ) );
add_image_size( 'left-top', 300, 300, array( 'left', 'top' ) );
add_image_size( 'left-center', 300, 300, array( 'left', 'center' ) );
add_image_size( 'left-bottom', 300, 300, array( 'left', 'bottom' ) );
add_image_size( 'center-top', 300, 300, array( 'center', 'top' ) );
add_image_size( 'center-center', 300, 300, array( 'center', 'center' ) );
add_image_size( 'center-bottom', 300, 300, array( 'center', 'bottom' ) );

Answer 2

1001 * попробовать *

add_image_size( 'cust-thumb', 400, 300, array( 'center', 'center' ) );