如何显示特定的CSS样式wp_nav_menu()
我真的是新的WordPress的。我有一个自定义菜单,当用户浏览器登录特定页面时,我只想显示特定的菜单项。如何显示特定的CSS样式wp_nav_menu()
wp_nav_menu(阵列( 'theme_location'=> '菜单主'));
有没有办法有wp_nav_menu()挂钩,只显示具有特定CSS类项目的具体菜单项?
回答:
考虑在编写自定义函数之前搜索现有的插件。为了您的特定功能,我会使用Page Specific Menu Items插件。
如果你想添加到现有的功能,可以考虑使用body_class
过滤器。有了这个功能,你可以在你的body元素中添加一个css类,然后编写css来改变你的菜单在任何特定页面上的显示方式。
回答:
如果我很好地理解你的问题,是的,有一种方法。你可以使用条件。 PHP if语句。 WordPress允许你查看页面的标题,ID,类别在执行命令之前如
if(is_page(array('about-us', 'contact', 'management')) { //either in about us, or contact, or management page is in view
//execute something
} else {
//none of the page about us, contact or management is in view
//execute something
}
而且你可以在类/ ID添加到wp_nav_menu
所以连接这两个想法,你可以有:
// When Page 42 (ID) is being displayed. if (is_page(42)) {
wp_nav_menu(array('menu_id' => 'pines', 'menu_class' => 'pnav'));
} elseif(is_page(array('about-us', 'contact', 'management')) {
wp_nav_menu(array('menu_id' => 'bananas', 'menu_class' => 'nav'));
} else {
wp_nav_menu(array('menu_id' => 'main-id', 'menu_class' => 'main-nav'));
}
添加了唯一的ID和类后,您可以按照自己想要的方式设置它。 参考https://codex.wordpress.org/Conditional_Tags
以上是 如何显示特定的CSS样式wp_nav_menu() 的全部内容, 来源链接: utcz.com/qa/266103.html