在WordPress中，wp_nav_menu() 函数用于在主题中显示自定义导航菜单。以下是如何使用这个函数来自定义导航菜单的步骤：

1. 注册导航菜单

首先，你需要在主题的 functions.php 文件中注册一个或多个导航菜单。这是通过 register_nav_menus() 函数完成的。

function register_my_menus() {
    register_nav_menus(
        array(
            'header-menu' => __( 'Header Menu' ),
            'extra-menu' => __( 'Extra Menu' )
        )
    );
}
add_action( 'init', 'register_my_menus' );

在上面的代码中，我们注册了两个菜单位置：header-menu 和 extra-menu。

2. 在主题中调用 wp_nav_menu()

接下来，你可以在主题的模板文件（如 header.php）中使用 wp_nav_menu() 函数来显示菜单。

wp_nav_menu(
    array(
        'theme_location' => 'header-menu', // 指定注册的菜单位置
        'menu_class'     => 'menu',         // 为 <ul> 添加 CSS 类
        'container'      => 'div',          // 容器标签，默认为 'div'
        'container_class'=> 'menu-container',// 容器的 CSS 类
        'fallback_cb'    => 'wp_page_menu', // 如果没有菜单被分配，则使用这个回调函数
    )
);

3. 自定义菜单样式

你可以通过CSS来自定义菜单的样式。例如：

.menu-container div {
    /* 容器样式 */
}

.menu-container ul {
    /* 菜单列表样式 */
}

.menu-container li {
    /* 菜单项样式 */
}

.menu-container a {
    /* 菜单项链接样式 */
}

4. 自定义菜单项的HTML

如果你需要更高级的自定义，你可以通过 walker 参数来定义一个 Walker 类，这个类可以控制菜单项的HTML输出。

class My_Walker_Nav_Menu extends Walker_Nav_Menu {
    // 重写 Walker_Nav_Menu 类的方法来定义菜单项的HTML结构
    function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
        // 输出每个菜单项的HTML
    }
}

wp_nav_menu(
    array(
        'theme_location' => 'header-menu',
        'menu_class'     => 'menu',
        'container'      => 'div',
        'container_class'=> 'menu-container',
        'fallback_cb'    => 'wp_page_menu',
        'walker'         => new My_Walker_Nav_Menu(), // 使用自定义的 Walker 类
    )
);

在上面的 My_Walker_Nav_Menu 类中，你需要重写 start_el 方法来定义每个菜单项的HTML结构。

通过以上步骤，你可以使用 wp_nav_menu() 函数在WordPress中创建和自定义导航菜单。