在主题的functions.php中注册菜单位置

1
2
3
4
5
6
7
8
9
10
// 注册导航菜单
function register_my_menus() {
register_nav_menus(
array(
'topmenu' => __( '顶部菜单' ), // 注册名为'topmenu'的菜单位置
)
);
}
add_action( 'init', 'register_my_menus' );

在WordPress后台创建菜单

进入 外观 > 菜单

创建新菜单(例如命名为”主菜单”)

在左侧 分类目录 中找到”读书”和”书评”,添加到菜单

在 菜单设置 中勾选 顶部菜单 位置

保存菜单

在模板文件中调用菜单

将你提供的代码放入主题的header.php文件中需要显示导航栏的位置:

1
2
3
4
5
6
7
8
9
10
<?php 
wp_nav_menu( array(
'theme_location' => 'topmenu', // 对应注册的菜单位置
'container' => '', // 不生成容器
'menu_class' => 'topnav mbg_topnav mbg_s', // 菜单ul的class
'menu_id' => 'topmeau', // 菜单ul的id
'depth' => 1, // 只显示一级菜单
) );
?>

参数解释

参数 说明
theme_location 对应 register_nav_menus 注册的位置
container 包裹菜单的容器(设为空字符串禁用)
menu_class 菜单 <ul> 元素的 CSS 类
menu_id 菜单 <ul> 元素的 ID
depth 菜单层级深度(1=只显示一级菜单)

注意事项

确保分类目录”读书”和”书评”已存在

如果菜单不显示,检查后台菜单是否已分配到 顶部菜单 位置

清除缓存(如果使用了缓存插件)

菜单样式可通过CSS类.topnav和.mbg_topnav自定义