在WordPress中，the_post_thumbnail() 是一个非常有用的函数，它允许你在主题中显示与特定帖子关联的特色图片（也称为特色图像或缩略图）。以下是使用 the_post_thumbnail() 函数的步骤：

1. 确保支持特色图片

首先，确保你的主题支持特色图片。在你的主题的 functions.php 文件中，你可以添加以下代码来注册支持特色图片：

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

2. 在模板文件中调用 the_post_thumbnail()

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

以下是如何使用 the_post_thumbnail() 函数的基本示例：

<?php if ( has_post_thumbnail() ) : ?>
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
        <?php the_post_thumbnail( 'thumbnail' ); ?>
    </a>
<?php endif; ?>

这里，'thumbnail' 是图片的尺寸名称。WordPress 默认提供了几个尺寸，如 'thumbnail'、'medium'、'large' 和 'full'。你也可以在 functions.php 文件中定义自己的图片尺寸：

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

然后在 the_post_thumbnail() 函数中使用 'custom-size'。

3. 添加额外的HTML和类

你可以为图片添加任何额外的HTML属性，比如 class、id 或 style：

<?php the_post_thumbnail( 'medium', array( 'class' => 'alignleft' ) ); ?>

这将添加一个 alignleft 类到图片元素上。

4. 检查是否存在特色图片

在尝试显示特色图片之前，使用 has_post_thumbnail() 函数检查是否存在特色图片是一个好习惯。这样可以避免在没有设置特色图片的情况下显示一个空的 img 标签。

完整示例

以下是一个完整的示例，展示了如何在单个帖子页面中显示特色图片，并且图片居中显示：

<?php if ( has_post_thumbnail() ) : ?>
    <div class="post-thumbnail">
        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
            <?php the_post_thumbnail( 'large', array( 'class' => 'img-responsive center-block' ) ); ?>
        </a>
    </div>
<?php endif; ?>

在这个示例中，'large' 是图片的尺寸，'img-responsive' 和 'center-block' 是添加到图片上的类，它们通常用于响应式布局和居中显示图片。

使用这些步骤，你可以在WordPress主题中成功显示特色图片。