开发

WordPress 添加并使用导航

1、注册导航

在 function.php 文件中使用 register_nav_menus() 函数进行注册

register_nav_menus(
  array(
    'primary' => esc_html__( 'Primary menu', 'puji' ),
    'secondary'  => esc_html__( 'Secondary menu', 'puji' ),
  )
);

// 注册了两个位置的导航名称分别为 Primary menu 与 Secondary menu (以上写法支持翻译文件对名词进行翻译)

// 无需翻译可写为
register_nav_menus(
  array(
    'primary' => 'Primary menu',
    'secondary'  => 'Secondary menu',
  )
);

2、创建菜单

在后台 “外观” – “菜单” 下创建新的菜单,创建菜单时在显示位置中选择需相应的菜单名

3、在页面中引用菜单

<?php
  
(
    array(
      'theme_location'  => 'primary',
      'menu_class'      => 'menu-wrapper',
      'container_class' => 'primary-menu-container',
      'items_wrap'      => '<ul id="primary-menu-list" class="%2$s">%3$s</ul>',
      'fallback_cb'     => false,
    )
  );
?>

参考链接

官方文档

https://developer.wordpress.org/reference/functions/register_nav_menu/

https://developer.wordpress.org/reference/functions/register_nav_menus/

https://developer.wordpress.org/reference/functions/wp_nav_menu/

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号