導讀:網站搭建網站搭建有沒有辦法將WordPress生成的子

更改為自定義類名？ 我知道您可以刪除父
，或使用'menu_class' 網站技術技術貓建站。



有沒有辦法將WordPress生成的子<ul class="sub-menu">更改為自定義類名？

我知道您可以刪除父<ul>，或使用'menu_class' => 'newname'更改名稱。

我找不到答案。 I {'submenu_class' => 'customname'。這對我來說似乎是合乎邏輯的，但顯然這不是正確的。

任何想法？

13 個答案:

答案 0 :(得分：90)

沒有此選項，但您可以擴展WordPress用于創建菜單HTML的'walker'對象。只需要覆蓋一種方法：

class My_Walker_Nav_Menu extends Walker_Nav_Menu { function start_lvl(&$output, $depth) { $indent = str_repeat("\t", $depth); $output .= "\n$indent<ul class=\"my-sub-menu\">\n"; } }

然后你只需將你的助行器實例作為參數傳遞給wp_nav_menu，如下所示：

'walker' => new My_Walker_Nav_Menu()

答案 1 :(得分：17)

替換課程：

echo str_replace('sub-menu', 'menu menu_sub', wp_nav_menu( array( 'echo' => false, 'theme_location' => 'sidebar-menu', 'items_wrap' => '<ul class="menu menu_sidebar">%3$s</ul>' ) ) );

答案 2 :(得分：14)

您可以使用WordPress?preg_replace?過濾器（在您的主題functions.php文件中） 例如：

function new_submenu_class($menu) { $menu = preg_replace('/ class="sub-menu"/','/ class="yourclass" /',$menu); return $menu; } add_filter('wp_nav_menu','new_submenu_class');

答案 3 :(得分：10)

這是理查德所做的更新，它增加了一個“深度”指標。輸出為0級，1級，2級等。

class UL_Class_Walker extends Walker_Nav_Menu { function start_lvl(&$output, $depth) { $indent = str_repeat("\t", $depth); $output .= "\n$indent<ul class=\"level-".$depth."\">\n"; } }

答案 4 :(得分：8)

這是一個老問題，我不確定我提到的解決方案是否可以在您提出時提供，但我認為值得一提。您可以通過向nav_menu_submenu_css_class添加過濾器來實現您想要的效果。請參閱下面的示例 - 您可以將my-new-submenu-class替換為您想要的類：

function my_nav_menu_submenu_css_class( $classes ) { $classes[] = 'my-new-submenu-class'; return $classes; } add_filter( 'nav_menu_submenu_css_class', 'my_nav_menu_submenu_css_class' );

答案 5 :(得分：5)

就像它一直是這樣，在我向網站寫了一些東西之前已經找了很長時間，就在我發布這里一分鐘之后，我找到了我的解決方案。

它以為我會在這里分享，所以其他人可以找到它。

//Add "parent" class to pages with subpages, change submenu class name, add depth class class Prio_Walker extends Walker_Nav_Menu { function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ){ $GLOBALS['dd_children'] = ( isset($children_edede模板安裝lements[$element->ID]) )? 1:0; $GLOBALS['dd_depth'] = (int) $depth; parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); } function start_lvl(&$output, $depth) { $indent = str_織夢模板安裝repeat("\t", $depth); $output .= "\n$indent<ul class=\"children level-".$depth."\">\n"; } } add_filter('nav_menu_css_class','add_parent_css',10,2); function add_parent_css($classes, $item){ global $dd_depth, $dd_children; $classes[] = 'depth'.$dd_depth; if($dd_children) $classes[] = 'parent'; return $classes; } //Add class to parent pages to show they have subpages (only for automatic wp_nav_menu) function add_parent_class( $css_class, $page, $depth, $args ) { if ( ! empty( $args['has_children'] ) ) $css_class[] = 'parent'; return $css_class; } add_filter( 'page_css_class', 'add_parent_class', 10, 4 );

關鍵詞標簽: 網站搭建 div 菜單