在WordPress主题开发中，使用wp_nav_menu()函数创建响应式菜单通常涉及以下几个步骤：

1. 注册菜单：首先，你需要在主题的functions.php文件中注册一个菜单位置。

2. 使用wp_nav_menu()：在主题的模板文件中（通常是header.php），使用wp_nav_menu()函数来输出菜单。

3. 添加CSS和JavaScript：为了使菜单响应式，你需要添加适当的CSS和JavaScript。

以下是详细的步骤：

步骤 1：注册菜单

在你的主题的functions.php文件中，添加以下代码来注册一个菜单位置：

function register_my_menus() {
  register_nav_menus(
    array(
      'primary-menu' => __( 'Primary Menu' ),
      // 你可以添加更多的菜单位置
    )
  );
}
add_action( 'init', 'register_my_menus' );

步骤 2：使用wp_nav_menu()

在你的主题的header.php文件中，添加以下代码来输出菜单：

<nav id="site-navigation" class="main-navigation" role="navigation">
  <?php
    wp_nav_menu( array(
      'theme_location' => 'primary-menu',
      'menu_id'        => 'primary-menu',
      'menu_class'     => 'menu clearfix', // 你可以添加自己的CSS类
    ) );
  ?>
</nav>

步骤 3：添加CSS和JavaScript

为了使菜单响应式，你需要添加CSS来控制菜单在不同屏幕尺寸下的显示方式，以及JavaScript来处理菜单的折叠和展开。

CSS 示例：

/* 基本菜单样式 */
.main-navigation ul {
  list-style: none;
  padding: 0;
}

.main-navigation li {
  display: inline-block;
  position: relative;
}

/* 响应式菜单样式 */
@media screen and (max-width: 768px) {
  .main-navigation ul {
    display: none;
  }

  .main-navigation.toggled ul {
    display: block;
  }
}

JavaScript 示例：

document.addEventListener( 'DOMContentLoaded', function() {
  var menuButton = document.getElementById( 'menu-toggle' ); // 假设你有一个ID为menu-toggle的按钮
  var menu = document.getElementById( 'primary-menu' );

  menuButton.addEventListener( 'click', function() {
    menu.classList.toggle( 'toggled' );
  });
});

确保在HTML中有一个按钮或链接，用户可以点击它来切换菜单的显示状态：

<button id="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Menu</button>

以上步骤将创建一个基本的响应式菜单。你可以根据自己的需求调整CSS和JavaScript代码，以实现更复杂的响应式布局和行为。