WordPress顶部导航栏调用代码教程

风中赏雪 Wordpress Wordpress 2025-09-27 107 0

要正确使用WordPress中的wp_nav_menu函数调用顶部导航栏,并包含”读书”和”书评”两个分类栏目,请按以下步骤操作:

步骤1:在主题的functions.php中注册菜单位置


// 注册导航菜单
function register_my_menus() {
    register_nav_menus(
        array(
            'topmenu' => __( '顶部菜单' ), // 注册名为'topmenu'的菜单位置
        )
    );
}
add_action( 'init', 'register_my_menus' );

步骤2:在WordPress后台创建菜单
进入 外观 > 菜单

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

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

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

保存菜单

步骤3:在模板文件中调用菜单
将你提供的代码放入主题的header.php文件中需要显示导航栏的位置:


<?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菜单

    元素的CSS类
menu_id菜单

    元素的ID
depth菜单层级深度(1=只显示一级菜单)

注意事项

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

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

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

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

最终效果:导航栏将显示包含”读书”和”书评”分类链接的一级菜单,符合depth=1的要求。