在WordPress中，the_post_thumbnail() 函数用于显示与当前文章关联的特色图片（Featured Image）。以下是使用这个函数的基本步骤：

1. 确保主题支持特色图片：
   你的主题必须在functions.php文件中添加以下代码来支持特色图片：

   if ( function_exists( 'add_theme_support' ) ) {
      add_theme_support( 'post-thumbnails' );
   }

2. 设置特色图片：
   在WordPress后台编辑文章时，你需要为文章设置一个特色图片。这通常在文章编辑页面的“特色图片”部分完成。

3. 在模板文件中使用the_post_thumbnail()函数：
   在你的主题的模板文件中（如single.php、page.php或archive.php等），使用the_post_thumbnail()函数来显示特色图片。

以下是the_post_thumbnail()函数的基本用法：

<?php the_post_thumbnail( $size, $attr ); ?>

• $size：这是一个可选参数，用于指定图片的大小。你可以使用WordPress内置的图片尺寸（如thumbnail、medium、large或full），也可以自定义尺寸。例如，'medium'表示中等大小的图片。

• $attr：这也是一个可选参数，用于添加额外的HTML属性到<img>标签中。它应该是一个数组。

以下是一些示例：

显示默认大小的特色图片：

<?php the_post_thumbnail(); ?>

显示中等大小的特色图片：

<?php the_post_thumbnail( 'medium' ); ?>

显示自定义尺寸的特色图片：
首先，你需要在functions.php中添加自定义尺寸：

add_image_size( 'custom-size', 300, 200, true ); // 300px宽，200px高，硬裁剪

然后，在模板文件中使用：

<?php the_post_thumbnail( 'custom-size' ); ?>

添加额外的HTML属性：

<?php the_post_thumbnail( 'medium', array( 'class' => 'alignleft' ) ); ?>

这样，特色图片就会按照指定的尺寸和属性显示在页面上。记得在调用the_post_thumbnail()之前，你的主题必须支持特色图片，并且文章必须有设置特色图片。