wordpress手机端显示不同菜单

添加一个菜单

修改functions.php中注册菜单的部分,添加一个菜单。

在functions.php文件中搜索register_nav_menus,在数组中添加一项。

function kratos_register_nav_menu() {
	register_nav_menus(
			array(
			'header_menu' => '顶部菜单',
			'mobile_menu'=>'手机菜单'
		));
    }
add_action('after_setup_theme', 'kratos_register_nav_menu');

这样在菜单的设置中就多了一个显示位置

《wordpress手机端显示不同菜单》

显示不同菜单

修改headers.php,搜索wp_nav_menu找到相关代码。

可以用函数wp_is_mobile判断是否是手机端。

if(wp_is_mobile()){
									wp_nav_menu(array('theme_location' => 'mobile_menu', 'container' => 'nav', 'container_id' => 'kratos-menu-wrap', 'menu_class' => 'sf-menu', 'menu_id' => 'kratos-primary-menu', ));
								}else{
									wp_nav_menu(array('theme_location' => 'header_menu', 'container' => 'nav', 'container_id' => 'kratos-menu-wrap', 'menu_class' => 'sf-menu', 'menu_id' => 'kratos-primary-menu', ));
								}

theme_location即为上面设置的显示位置

  点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注