Skip to content

Instantly share code, notes, and snippets.

@asufian97
Created January 6, 2018 02:31
Show Gist options
  • Select an option

  • Save asufian97/134c9ee9293976359d6a4c5f4e6e5a6e to your computer and use it in GitHub Desktop.

Select an option

Save asufian97/134c9ee9293976359d6a4c5f4e6e5a6e to your computer and use it in GitHub Desktop.
add some class on wp_nav menu
\\add custom class into <ul> tag
function atg_menu_classes($classes, $item, $args) {
if($args->theme_location == 'header_menu') {
$classes[] = 'nav-item';
}
return $classes;
}
add_filter('nav_menu_css_class','atg_menu_classes',1,3);
//add custom class into <ul><li><a> means a tag
add_filter( 'nav_menu_link_attributes', 'wpse156165_menu_add_class', 10, 3 );
function wpse156165_menu_add_class( $atts, $item, $args ) {
$class = 'nav-link'; // or something based on $item
$atts['class'] = $class;
return $atts;
}
//add custom class to active page
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class ($classes, $item) {
if (in_array('current-page-ancestor', $classes) || in_array('current-menu-item', $classes) ){
$classes[] = 'active ';
}
return $classes;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment