在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()：
   在你的主题文件中（如 index.php、single.php、page.php 等），确保你处于WordPress的循环（The Loop）内。

3. 使用 the_post_thumbnail() 函数：
   在循环内，你可以调用 the_post_thumbnail() 函数来显示特色图片。

示例：

以下是一个在循环内使用 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>' ); ?>

            <?php if ( has_post_thumbnail() ) : ?>
                <div class="post-thumbnail">
                    <?php the_post_thumbnail('thumbnail'); // 可以指定尺寸，如 'thumbnail', 'medium', 'large', 'full' 或者自定义尺寸 ?>
                </div>
            <?php endif; ?>
        </header>

        <div class="entry-content">
            <?php the_content(); ?>
        </div>
    </article>

<?php endwhile; else : ?>
    <p><?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

在这个例子中，has_post_thumbnail() 函数首先检查文章是否有特色图片。如果有，the_post_thumbnail() 函数就会显示它。你可以传递一个参数来指定图片的尺寸，例如 'thumbnail'、'medium'、'large'、'full' 或者使用一个数组来指定自定义尺寸。

自定义尺寸：

如果你想要使用自定义尺寸，你可以在 functions.php 文件中添加以下代码来注册一个新的图片尺寸：

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

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

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

确保在使用自定义尺寸之前注册了该尺寸，否则 the_post_thumbnail() 将不会按预期工作。