我正在使用WordPress，Jetpack Photon和Bootstrap4。这是我的图片标签，可以工作，但不是很好的做法。...
<?php echo '<img class="card-img img-fluid" src=' . the_post_thumbnail(array(375,300)) . '>'; ?>
我正在尝试使用the_post_thumbnail（）请求特色图片。我无法让Photon提供适合我的Bootstrap卡容器宽度的缩放图像。提供的图像太细，或者它超出了我的卡宽度。如何获得光子图像以完美地/响应性地（在宽度方向）适合？
the_post_thumbnail（'medium'）....对于卡容器来说，图像太小了。
the_post_thumbnail（'large'）....导致图像太大，卡的容器溢出。
使用Bootstrap的最大宽度：100％似乎无法解决此问题。
答案 0 :(得分：0)
代替图像标签，请尝试：
<?php the_post_thumbnail( 'full', array( 'class'=>'card-img img-fluid' ) ); ?>
以上函数实际上会生成<img class="card-img img-fluid" src="http://img-src">
答案 1 :(得分：0)
将以下代码添加到您的 functions.php 文件中，以定义新的图像大小。
add_image_size( 'name-of-size', 375, 300, true );
进一步了解添加图像大小click here。
**在上面的代码行中，尺寸名称可以是代表特定图像尺寸的任何唯一名称。这个概念是当您将任何图像上传到WordPress媒体时，它将裁剪为定义并存储在wp-uploads文件夹中的所有图像大小。
***还请注意，如果需要新尺寸的缩略图，则需要为以前上传的图像重新生成缩略图。
将以下代码添加到文件中以显示图像
<?php the_post_thumbnail( 'name-of-size', array( 'class'=>'card-img img-fluid' ) ); ?>
希望这会有所帮助，谢谢