首页 问答 正文

如何在wordpress主题中添加不同的导航菜单?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 69 次

在WordPress主题中添加不同的导航菜单可以通过以下步骤实现:

1. 创建导航菜单

在WordPress后台中,通过“外观”->“菜单”选项可以创建导航菜单。创建菜单之前,需要确保网站中存在可供添加到菜单的页面、分类、自定义链接等项。

2. 注册导航菜单

在主题的functions.php文件中,可以使用register_nav_menus()函数注册导航菜单。该函数接受一个数组作为参数,数组中的key为菜单的位置标识,value为菜单显示的名称。例如,以下代码注册了两个导航菜单:

function custom_theme_register_nav() {
  register_nav_menus( array(
    'primary' => __( '主菜单', 'custom' ),
    'secondary' => __( '副菜单', 'custom' ),
  ) );
}
add_action( 'after_setup_theme', 'custom_theme_register_nav' ); 

3. 调用导航菜单

在主题模板中,可以使用wp_nav_menu()函数输出注册的导航菜单。通常,该函数作为主题header.php文件中的一部分使用。例如,以下代码输出“主菜单”位置的导航菜单:

<nav class="primary-navigation" role="navigation">
  <?php
    wp_nav_menu( array(
        'theme_location' => 'primary',
        'menu_id'        => 'primary-menu',
        'container'      => false,
        'depth'          => 2,
        'fallback_cb'    => 'wp_page_menu',
    ) );
  ?>
</nav> 

其中,theme_location参数表示需要显示的菜单位置,menu_id参数为菜单的ID名称,container参数表示菜单容器的标签。

最后,将以上代码添加到主题对应的模板文件中即可。

大家谈论
    我的见解