在WordPress中，the_post_thumbnail() 函数是用来显示与特定帖子关联的特色图片（Featured Image）的。以下是如何在WordPress主题开发中使用这个函数的步骤：

1. 确保特色图片支持：
   首先，确保你的主题支持特色图片。这通常在主题的 functions.php 文件中通过添加以下代码来实现：

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

2. 在循环中调用 the_post_thumbnail()：
   在你的主题文件（通常是 index.php、single.php、page.php 等）的WordPress循环（The Loop）内部调用 the_post_thumbnail() 函数。

   例如，在 index.php 文件中，你可能会看到如下代码：

   if (have_posts()) {
      while (have_posts()) {
          the_post();
          // 输出特色图片
          the_post_thumbnail('thumbnail'); // 可以使用 'thumbnail', 'medium', 'large', 或自定义尺寸
          // 输出标题和内容
          the_title();
          the_content();
      }
   }

3. 设置图片尺寸：
   你可以传递一个参数到 the_post_thumbnail() 函数来指定你想要显示的图片尺寸。WordPress默认有几种尺寸：thumbnail（缩略图）、medium（中等尺寸）、large（大尺寸）。你也可以指定自定义尺寸。

   例如，如果你想要显示一个中等尺寸的特色图片，你可以这样做：

   the_post_thumbnail('medium');

   如果你想要使用自定义尺寸，首先需要在 functions.php 中添加这个尺寸：

   add_image_size('custom-size', 300, 200, true); // 第一个参数是尺寸名，第二个和第三个参数是宽度和高度，最后一个参数表示是否硬裁剪图片

   然后在需要显示图片的地方使用：

   the_post_thumbnail('custom-size');

4. 添加HTML类和ID：
   你也可以给 the_post_thumbnail() 函数传递一个数组，以添加额外的HTML属性，如类或ID：

   the_post_thumbnail(array(100, 100), array('class' => 'alignleft post-thumbnail', 'id' => 'post-thumbnail-01'));

5. 检查是否存在特色图片：
   在尝试显示特色图片之前，你可能想要检查是否存在一个特色图片。你可以使用 has_post_thumbnail() 函数来实现这一点：

   if (has_post_thumbnail()) {
      the_post_thumbnail();
   } else {
      // 如果没有特色图片，你可以显示一个默认图片或其他内容
      echo '<img src="' . get_template_directory_uri() . '/images/default-image.jpg" alt="默认图片">';
   }

以上就是在WordPress主题开发中使用 the_post_thumbnail() 函数显示特色图片的基本步骤。