WordPress定制導(dǎo)航的2個鉤子 設(shè)置子菜單下拉菜單的樣式

麥子 定制開發(fā)154字?jǐn)?shù) 636閱讀2分7秒閱讀模式

在這篇文章中,我們需要記錄2個鉤子,用于給有子菜單或者下拉菜單的導(dǎo)航添加Class樣式的。一般情況下,如果是有子菜單的樣式和普通的導(dǎo)航菜單樣式是不同的。

1、nav_menu_css_class 鉤子

function spring_menu_item_classes($classes, $item, $args, $depth) {
    //如果有子菜單的導(dǎo)航添加class
    if (in_array('menu-item-has-children', $classes)) {
        $classes[] = 'custom-menu';
    }
 
    return $classes;
}
add_filter('nav_menu_css_class', 'spring_menu_item_classes', 10, 4);

這里我們需要將"spring_"更換成我們自己的主題名稱。對于class內(nèi)容根據(jù)自己的樣式添加。

2、nav_menu_submenu_css_class 鉤子

function spring_submenu_classes($classes) {
    // 為子菜單添加自定義類
    $classes[] = 'custom-submenuclass';
 
    return $classes;
}
add_filter('nav_menu_submenu_css_class', 'spring_submenu_classes');

從名字上看,就知道是子菜單的樣式,一樣的可以需要對 "spring_" 更換成自己的主題名稱。樣式名稱換成我們自己的。

投上你的一票
 
  • 本文由 麥子 發(fā)表于 2024年9月8日 10:11:08
  • 轉(zhuǎn)載請務(wù)必保留本文鏈接:http://bjj.org.cn/menu-item-has-children.html
  • 自定義導(dǎo)航樣式