the_post_thumbnail()函数用于获取文章的特色图像缩略图。如果文章没有添加特色图像功能，可以查看 add_theme_support()函数 相关知识。

语法

the_post_thumbnail( string|array $size = 'post-thumbnail', string|array $attr = '' )

参数

$size (string|array) (Optional) 图片大小； 1）可以是以下几个关键字：thumbnail， medium， large， full； 2）或者通过函数 add_image_size()函数定义尺寸的关键字； 3）直接自定义宽和高的大小，比如：(32,32)； Default: ‘post-thumbnail’

$attr (string|array) array) (Optional) 属性/值的一个数组，the_post_thumbnail 传递给函数 wp_get_attachment_image用来获取图。 Default: None

说明：

通过set_post_thumbnail_size () 设置（？）。

add_image_size() ：设置上传图片的大小

set_post_thumbnail_size ： 设置默认日志缩略图的大小

举例

用在loop中；其中图形大小需要参考：

1、直接使用

if(has_post_thumbnail()){
    the_post_thumbnail();
}

对应：

<img width="1000" height="350" src="http://127.0.0.1/startbootstrap/wp-content/uploads/2020/03/img_fjords_wide-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://127.0.0.1/startbootstrap/wp-content/uploads/2020/03/img_fjords_wide-1.jpg 1000w, http://127.0.0.1/startbootstrap/wp-content/uploads/2020/03/img_fjords_wide-1-300x105.jpg 300w, http://127.0.0.1/startbootstrap/wp-content/uploads/2020/03/img_fjords_wide-1-768x269.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" />

说明：什么参数都不填：

width=”1000″ height=”350″

alt

srcset：

自定义缩略图的大小
if(has_post_thumbnail()){ 
    the_post_thumbnail(array(200,200)); // 显示200X200尺寸的缩略图 
}
这种方法的优点的灵活，可以随时通过代码的调用显示不同尺寸的图片，缺点是如果有多处代码则修改起来麻烦

预置尺寸
用到此方法请先看下面的函数介绍

相关函数

add_image_size

举例

//在functions.php中定义
add_image_size( 'large', 600, 600 ); // 预置一个名为’Large’,600*600的缩略图大小  
//在模版文件中使用Large，并定义了ima的class：
the_post_thumbnail('large'); ?>

举例3：

//在模版文件中使用Large，并定义了ima的class：
the_post_thumbnail('large',array('class'=>'wpstrap')); ?>
<?php the_post_thumbnail('medium',array('class'=>'card-img-top','alt'=>'Card image cap')); ?>