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

1. 确保主题支持特色图片
   首先，确保你的WordPress主题在功能文件（通常是 functions.php）中添加了对特色图片的支持。你可以使用以下代码来添加这个支持：

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

2. 设置特色图片
   在WordPress后台编辑文章或页面时，你可以在“特色图片”部分上传或选择一个图片作为特色图片。

3. 在模板文件中使用 the_post_thumbnail() 函数
   在你的主题的模板文件中（如 single.php、page.php 或 archive.php 等），使用 the_post_thumbnail() 函数来显示特色图片。

以下是一些使用 the_post_thumbnail() 函数的示例：

• 显示默认尺寸的特色图片：

  the_post_thumbnail();

• 显示指定尺寸的特色图片：

  the_post_thumbnail( 'thumbnail' ); // 显示缩略图尺寸（默认尺寸：150x150）
  the_post_thumbnail( 'medium' );    // 显示中等尺寸（默认尺寸：300x300）
  the_post_thumbnail( 'large' );     // 显示大尺寸（默认尺寸：1024x1024）
  the_post_thumbnail( 'full' );      // 显示原始尺寸

• 显示自定义尺寸的特色图片：

  如果你需要显示一个自定义尺寸的特色图片，你首先需要在 functions.php 文件中注册这个尺寸：

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

  然后在模板文件中使用：

  the_post_thumbnail( 'custom-size' );

• 添加HTML类和ID：

  你还可以为特色图片添加HTML类和ID：

  the_post_thumbnail( 'medium', array( 'class' => 'alignleft' ) );
  the_post_thumbnail( 'medium', array( 'id' => 'featured-image' ) );

• 添加备用文本：

  为了更好的可访问性，你可以为特色图片添加备用文本：

  the_post_thumbnail( 'medium', array( 'alt' => '特色图片描述' ) );

记住，the_post_thumbnail() 函数应该在使用 the Loop 的上下文中调用，这样它才能正确地获取当前文章或页面的特色图片。