在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() 函数来显示特色图片。例如，在你的 index.php、single.php 或任何其他模板文件中：

   if (have_posts()) :
      while (have_posts()) : the_post();
          // 显示特色图片
          the_post_thumbnail('thumbnail'); // 使用 'thumbnail', 'medium', 'large', 或自定义尺寸数组
   
          // 显示其他内容，如标题、内容等
          the_title();
          the_content();
      endwhile;
   endif;

3. 设置图片尺寸：
   the_post_thumbnail() 函数可以接受一个参数，这个参数是图片尺寸的名称。WordPress预定义了几个尺寸，如 'thumbnail', 'medium', 'large'。你也可以在 functions.php 中添加自定义尺寸：

   add_image_size('custom-size', 300, 200, true); // 宽300像素，高200像素，硬裁剪（hard crop）

   然后在调用 the_post_thumbnail() 时使用这个自定义尺寸：

   the_post_thumbnail('custom-size');

4. 添加HTML类和样式：
   你还可以给 the_post_thumbnail() 添加HTML类和ID，以便进一步样式化：

   the_post_thumbnail('thumbnail', array('class' => 'alignleft'));

5. 检查是否有特色图片：
   在显示特色图片之前，你可能想要检查文章是否有设置特色图片。可以使用 has_post_thumbnail() 函数来实现：

   if (has_post_thumbnail()) {
      the_post_thumbnail();
   } else {
      // 可以显示一个默认图片或执行其他操作
   }

6. 获取特色图片的URL：
   如果你需要获取特色图片的URL而不是直接显示图片，可以使用 wp_get_attachment_image_src() 函数：

   $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail');
   echo $image[0]; // 输出图片URL

以上就是在WordPress主题中使用 the_post_thumbnail() 函数显示特色图片的基本步骤。记得在添加或修改代码时，始终备份你的主题文件。