在WordPress中，the_post_thumbnail() 函数用于显示与帖子关联的特色图片（Featured Image），也称为“缩略图”。以下是使用 the_post_thumbnail() 函数的步骤：

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

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

2. 在模板文件中调用 the_post_thumbnail()：
   在你的主题的循环（Loop）内，你可以使用 the_post_thumbnail() 函数来显示特色图片。以下是如何在循环中调用该函数的示例：

   if (have_posts()) :
      while (have_posts()) : the_post();
          // 显示特色图片
          the_post_thumbnail('thumbnail'); // 'thumbnail' 是图片尺寸，你可以使用其他尺寸，如 'medium', 'large', 'full' 或者自定义尺寸
   
          // 显示其他帖子内容
          the_title();
          the_content();
          // 其他内容...
      endwhile;
   endif;

3. 设置特色图片的尺寸：
   你可以设置特色图片的尺寸。如果你想要使用自定义尺寸，首先需要在 functions.php 文件中注册这个尺寸：

   add_image_size('custom-size', 300, 200, true); // 宽度为300像素，高度为200像素，硬裁剪图片

   然后在 the_post_thumbnail() 函数中指定这个尺寸：

   the_post_thumbnail('custom-size');

4. 添加HTML类和ID：
   如果需要，你可以给 <img> 标签添加类或ID：

   the_post_thumbnail('thumbnail', array('class' => 'alignleft my-custom-class', 'id' => 'my-custom-id'));

5. 添加备用内容：
   如果帖子没有特色图片，你可以提供一个备用内容：

   if (has_post_thumbnail()) {
      the_post_thumbnail('thumbnail');
   } else {
      // 提供备用内容，例如默认图片
      echo '<img src="' . get_bloginfo('template_directory') . '/images/default-image.jpg" />';
   }

使用这些步骤，你应该能够在你的WordPress主题中成功显示特色图片。记得替换示例中的尺寸和类名以适应你的具体需求。