为什么80%的码农都做不了架构师?>>>
步骤一:开启导航菜单功能
多个菜单可以这样写
'我的顶部导航',
'footer_menu' => '我的底部导航'
) );
?>
如果使用钩子
/*----------------
开启自定义菜单
----------------*/
function register_my_menus() {
register_nav_menus(
array(
'header-menu' => '我的顶部导航',
'footer-menu' =>'我的底部导航',
'top-nav'=>'网站上部导航'
)
);
}
add_action( 'init', 'register_my_menus' );
步骤三:在模版文件中调用导航菜单
1/默认版:
2/简单版:
'nav', 'depth' => 1,'menu_class'=>'navcontainer')); ?>
获取的菜单名称为nav,只列出一级菜单,样式名为navcontainer
3/完整版参数:
wp_nav_menu( array(
'theme_location' => '',
'menu' => '',
'container' => 'div',
'container_class' => '',
'container_id' => '',
'menu_class' => 'menu',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '%3$s
',
'depth' => 0,
'walker' => ''
) );
theme_location | 导航别名,如步骤一functions.php设置的:header_menu |
menu | 期望显示的菜单 |
container_id | ul父节点id值 |
container_class | ul父节点class值 |
menu_class | ul节点class值 |
menu_id | ul节点id值 |
before | 菜单链接前的文本 |
after | 菜单链接后的文本 |
link_before | 每个菜单链接文本前的文本 |
link_after | 每个菜单链接文本后的文本 |
depth | 菜单深度 |
container | false 时去除div标签 |
items_wrap | 值为 '%3$s' 去ul保持li不变 |
控制当前样式:
.current-menu-item{...}
去除div与ul简单写法
false, 'items_wrap' => '%3$s', 'theme_location' => 'foot-menu')); ?>