在WordPress中，wp_nav_menu() 是一个非常有用的函数，它允许你轻松地在你的主题中创建和显示自定义菜单。以下是如何使用 wp_nav_menu() 来自定义菜单的步骤：

步骤 1: 注册菜单区域

首先，你需要在你的主题的 functions.php 文件中注册一个或多个菜单区域。这样用户就可以在WordPress后台的“外观” > “菜单”中添加和管理自定义菜单。

function register_my_menus() {
    register_nav_menus(
        array(
            'header-menu' => __( 'Header Menu' ),
            'footer-menu' => __( 'Footer Menu' ),
            // 可以添加更多菜单区域
        )
    );
}
add_action( 'init', 'register_my_menus' );

步骤 2: 在主题中调用 wp_nav_menu()

一旦菜单区域注册好了，你就可以在你的主题文件中使用 wp_nav_menu() 来显示菜单。以下是如何在不同的主题文件中调用菜单的例子：

在头部文件中显示“Header Menu”

<?php
wp_nav_menu(
    array(
        'theme_location' => 'header-menu',
        'menu_class'     => 'navbar-nav ml-auto', // 自定义菜单的CSS类
        'fallback_cb'    => 'WP_Bootstrap_Navwalker::fallback', // 用于兼容性的回调函数
        'walker'         => new WP_Bootstrap_Navwalker(), // 如果你使用Bootstrap，可以设置walker来匹配Bootstrap的HTML结构
    )
);
?>

在底部文件中显示“Footer Menu”

<?php
wp_nav_menu(
    array(
        'theme_location' => 'footer-menu',
        'menu_class'     => 'footer-nav', // 自定义菜单的CSS类
        // 其他参数可以根据需要设置
    )
);
?>

步骤 3: 自定义菜单样式

你可能需要为你的菜单添加一些CSS样式。你可以将这些样式添加到你的主题的 style.css 文件中。

.navbar-nav.ml-auto li {
    display: inline-block;
    margin-right: 10px;
}

.footer-nav li {
    display: inline-block;
    margin-right: 15px;
}

步骤 4: 在WordPress后台创建菜单

1. 登录到WordPress管理后台。
2. 转到“外观” > “菜单”。
3. 创建一个新的菜单，为其分配你在 functions.php 中注册的菜单区域。
4. 添加菜单项，保存菜单。

现在，当访问你的网站时，你应该能在指定的位置看到自定义菜单。

记住，wp_nav_menu() 提供了大量的参数，你可以使用它们来进一步自定义你的菜单显示，包括菜单项的HTML结构、菜单项的类和ID、链接的文本等。你可以查看官方文档来了解更多参数选项。