在WordPress网站中，导航菜单是用户浏览网站内容的重要工具。通常情况下，一个网站只需要一个主导航菜单，但在某些情况下，您可能需要在页面的不同位置显示两个导航菜单。例如，一个用于顶部导航，另一个用于侧边栏或页脚导航。本文将详细介绍如何在WordPress中设置两个导航菜单。
步骤一：创建导航菜单
登录WordPress后台 登录到您的WordPress后台管理界面。
进入“外观” > “菜单” 在左侧菜单栏中，找到并点击“外观”，然后选择“菜单”。
创建新菜单 如果您还没有创建过菜单，点击“创建新菜单”按钮。输入菜单名称（例如“顶部导航”），然后点击“创建菜单”。
添加菜单项 在左侧的“页面”、“文章”或“自定义链接”等选项中，选择您想要添加到菜单中的项目，然后点击“添加到菜单”。您可以通过拖拽菜单项来调整它们的顺序。
保存菜单 完成菜单项的添加后，点击“保存菜单”按钮。
步骤二：设置第二个导航菜单
创建第二个菜单 重复步骤一中的操作，创建第二个菜单（例如“侧边栏导航”）。添加所需的菜单项并保存。
分配菜单位置 在“菜单设置”部分，您会看到“显示位置”选项。WordPress主题通常会提供多个菜单位置，例如“顶部导航”、“侧边栏导航”等。选择您想要显示第二个菜单的位置，然后点击“保存菜单”。
步骤三：在主题中显示第二个导航菜单
编辑主题文件 如果您想要在主题的特定位置显示第二个导航菜单，可能需要编辑主题文件。通常，您需要编辑
header.php或sidebar.php文件。添加菜单代码 在适当的位置添加以下代码来显示第二个导航菜单：
<?php
wp_nav_menu(array(
'theme_location' => 'secondary', // 替换为您的菜单位置
'menu_class' => 'secondary-menu',
));
?>
'theme_location'应与您在“菜单设置”中分配的位置一致。
- 保存并上传文件 保存您所做的更改，并将文件上传到服务器。
步骤四：自定义菜单样式
- 使用CSS自定义样式 您可以通过CSS来自定义第二个导航菜单的样式。在“外观” > “自定义” > “附加CSS”中添加自定义CSS代码。
例如：
.secondary-menu {
background-color: #f4f4f4;
padding: 10px;
}
.secondary-menu li {
display: inline-block;
margin-right: 15px;
}
- 保存并预览 保存CSS代码后，预览您的网站，确保第二个导航菜单的样式符合您的预期。
总结
通过以上步骤，您可以在WordPress中成功设置并显示两个导航菜单。无论是用于顶部导航、侧边栏导航还是页脚导航，合理设置导航菜单可以大大提升用户的浏览体验。如果您在设置过程中遇到任何问题，可以参考WordPress官方文档或寻求专业帮助。
希望本文对您有所帮助，祝您在WordPress网站建设中取得成功！
