在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、index.php等）中，使用the_post_thumbnail()函数来显示特色图片。以下是使用这个函数的几种方式：

   • 基本用法：

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

     这将显示特色图片，使用默认尺寸。

   • 指定尺寸：

     if ( has_post_thumbnail() ) {
      the_post_thumbnail( 'thumbnail' );       // 显示缩略图尺寸
      the_post_thumbnail( 'medium' );          // 显示中等尺寸
      the_post_thumbnail( 'large' );           // 显示大尺寸
      the_post_thumbnail( array( 100, 100 ) ); // 显示自定义尺寸
     }

   • 添加类和ID：

     if ( has_post_thumbnail() ) {
      the_post_thumbnail( 'medium', array( 'class' => 'alignleft' ) );
      // 或者
      the_post_thumbnail( 'medium', array( 'id' => 'featured-image' ) );
     }

   • 添加其他属性：

     if ( has_post_thumbnail() ) {
      the_post_thumbnail( 'medium', array(
          'class' => 'custom-class',
          'alt'   => '自定义替代文本',
          'title' => '自定义标题'
      ) );
     }

4. 检查是否有特色图片：
   在显示特色图片之前，可以使用has_post_thumbnail()函数来检查当前文章或页面是否有设置特色图片。

以上就是在WordPress中使用the_post_thumbnail()函数来显示特色图片的方法。记得，如果你想要使用自定义尺寸，你需要在functions.php中注册这个尺寸：

add_image_size( 'custom-size', 300, 200, true ); // 第三个参数为true表示硬裁剪图片

这样就可以在the_post_thumbnail()函数中使用'custom-size'这个尺寸了。