首页 问答 正文

如何在wordpress主题中添加自定义导航菜单?

注册会员 / 悠然自学 / 2023-07-11/ 浏览 147 次

在WordPress主题中添加自定义导航菜单可以通过以下步骤:

  1. 打开主题的functions.php文件。
  2. 使用register_nav_menus函数注册一个自定义导航菜单。
  3. 在主题模板中,使用wp_nav_menu函数调用自定义导航菜单。

下面是一个示例代码:

// 注册自定义导航菜单
function custom_theme_setup() {
  register_nav_menus( array(
    'primary-menu' => 'Primary Menu', // 定义自定义菜单的位置和名称
  ) );
}
add_action( 'after_setup_theme', 'custom_theme_setup' );

// 在主题模板中调用自定义导航菜单
wp_nav_menu( array(
  'theme_location' => 'primary-menu', // 调用注册的菜单位置
  'container' => 'nav', // 包装导航菜单的 HTML 元素,默认是 div
  'container_class' => 'primary-menu-class', // 菜单容器的 class
  'menu_class' => 'menu-class', // 菜单的 class
) ); 

在上面的示例代码中,我们定义了一个名为"Primary Menu"的自定义导航菜单,将它注册到主题中的primary-menu位置。然后在主题模板中通过wp_nav_menu函数来调用该自定义菜单。可以根据实际情况修改container_classmenu_class以及其他参数来满足自己的需求。

大家谈论
    我的见解