在WordPress中，使用 the_custom_logo() 函数来显示自定义标志是一个简单的过程。以下是使用该函数的步骤：

1. 确保你的主题支持自定义标志：
   在你的主题的 functions.php 文件中，确保你添加了以下代码来支持自定义标志：

   if (function_exists('the_custom_logo')) {
      add_theme_support('custom-logo');
   }

2. 设置自定义标志的参数（可选）：
   你可以通过 add_theme_support() 函数的参数来自定义标志的显示方式。例如：

   add_theme_support('custom-logo', array(
      'height'      => 100,
      'width'       => 400,
      'flex-height' => true,
      'flex-width'  => true,
      'header-text' => array('site-title', 'site-description'),
   ));

   这里，height 和 width 设置了标志的最大高度和宽度，flex-height 和 flex-width 允许标志的高度和宽度是灵活的，header-text 允许在标志旁边显示站点标题和描述。

3. 在主题中显示自定义标志：
   在你的主题模板文件中（例如 header.php），你可以使用 the_custom_logo() 函数来显示自定义标志。例如：

   <?php
   if (has_custom_logo()) {
      the_custom_logo();
   } else {
      // 如果没有设置自定义标志，可以显示默认的站点标题
      bloginfo('name');
   }
   ?>

   在这个例子中，has_custom_logo() 函数用来检查是否有自定义标志被设置。如果有，the_custom_logo() 函数将会显示它。如果没有，可以显示默认的站点标题。

4. 样式定制（可选）：
   你可能需要通过CSS来定制标志的样式。例如：

   .custom-logo {
      width: 100%; /* 根据需要调整宽度 */
      height: auto; /* 保持高度自动 */
      display: block; /* 确保是块级元素 */
   }

   将这段CSS代码添加到你的主题的样式表中。

通过以上步骤，你就可以在WordPress主题中使用 the_custom_logo() 函数来显示自定义标志了。