如何使Wordpress缩略图网格大小相同

时间:2018-08-29 06:41:06

标签: wordpress bootstrap-4 thumbnails

我正在尝试将帖子中的Wordpress缩略图和标题生成到网格中。它正在生成预期的,但是不能使缩略图的大小相同。如果图像高度大于宽度,则不会按照我自定义gcd函数的预期进行裁剪。

任何想法如何使网格中的图像大小相同?

Current view after generating grid

我在Wordpress函数中使用的代码:

static int gcd(int a, int b) {
    if (a == b) return a;
    if (a == 0 || b == 0) return 0;
    if (a > b) return gcd(a - b, b); // not hcd;
    return gcd(a, b - a); // not hcd;
}

自定义主题文件代码:

add_image_size()

2 个答案:

答案 0 :(得分:2)

尝试

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

答案 1 :(得分:1)

默认作物位置

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

新的作物位置值

您现在可以在第4个参数中添加一个数组,其中包含X裁切位置和Y裁切位置的值。

这使您可以指定自定义图像大小的复制范围:

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' ) );