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

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

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

2. 在循环中使用 the_post_thumbnail()：
   在你的主题的模板文件中（如 index.php、single.php、page.php 等），在 while ( have_posts() ) : the_post(); 循环内部使用 the_post_thumbnail() 函数。

   下面是一个示例，展示了如何在循环中显示特色图片：

   <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
   
      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
          <header class="entry-header">
              <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
          </header>
   
          <div class="entry-content">
              <?php the_post_thumbnail('thumbnail'); // 显示特色图片，尺寸为缩略图大小 ?>
              <?php the_content(); ?>
          </div>
   
          <footer class="entry-footer">
              <?php
              // 以下是文章页脚内容，比如发布日期、分类等
              ?>
          </footer>
      </article>
   
   <?php endwhile; else : ?>
      <p><?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?></p>
   <?php endif; ?>

3. 指定图片尺寸：
   the_post_thumbnail() 函数可以接受一个参数，用于指定要显示的图片尺寸。WordPress默认提供了几个尺寸：thumbnail、medium、large 和 full。你也可以在 functions.php 文件中注册自定义尺寸：

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

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

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

4. 添加备用文本（可选）：
   你还可以为图片添加一个 alt 文本，这对于SEO和可访问性都是有益的：

   <?php the_post_thumbnail('thumbnail', array('alt' => '备用文本')); ?>

确保你的帖子或页面已经设置了特色图片，这样 the_post_thumbnail() 函数才能正常工作并显示图片。