WordPress Walker将类添加到子菜单a HREF

我的wordpress walker代码有一些问题。我知道可以通过“管理”菜单部分手动添加自定义css类。但我试图实现的是，每当客户端添加子菜单页时，自动完成此操作。

我采取的第一步是替换ul-li导航，并将其更改为a href导航样式。这是可行的。现在，我正在寻找一种方法来添加一个类到子菜单a href items。。。

这就是我的步行者现在的样子。



class Description_Walker extends Walker_Nav_Menu
{
    function start_el(&$output, $item, $depth, $args)
    {
        $classes = empty($item->classes) ? array () : (array) $item->classes;
        $class_names = join(\' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) );
        !empty ( $class_names ) and $class_names = \' class="\'. esc_attr( $class_names ) . \'"\';
        $output .= "";
        $attributes  = \'\';
        !empty( $item->attr_title ) and $attributes .= \' title="\'  . esc_attr( $item->attr_title ) .\'"\';
        !empty( $item->target ) and $attributes .= \' target="\' . esc_attr( $item->target     ) .\'"\';
        !empty( $item->xfn ) and $attributes .= \' rel="\'    . esc_attr( $item->xfn        ) .\'"\';
        !empty( $item->url ) and $attributes .= \' href="\'   . esc_attr( $item->url        ) .\'"\';
        $title = apply_filters( \'the_title\', $item->title, $item->ID );
        $item_output = $args->before
        . ""
        . $args->link_before
        . $title
        . \'\'
        . $args->link_after
        . $args->after;

            if (array_search(\'menu-item-has-children\', $item->classes)) {
            $output .= sprintf("\\n<div data-delay=\'0\' class=\'w-dropdown\'><div class=\'dropdown-toggle\'><div class=\'icon icon-dropdown-toggle\'></div><div>$title</div></div>
            \\n", ( array_search(\'current-menu-item\', $item->classes) || array_search(\'current-page-parent\', $item->classes) ) ? \'active\' : \'\', $item->url,
             $item->title);
        } else {

    $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
        }
}

    function start_lvl(&$output, $depth, $args ) {
            $indent = str_repeat("\\t", $depth);
            $output .= "\\n$indent<nav class=\\"dropdown-list\\">\\n<div class=\\"submenu_speech\\"></div>";
    }

    function end_lvl( &$output, $depth, $args = array() ) {
            $indent = str_repeat("\\t", $depth);
            $output .= "$indent</nav></div>\\n";
    }

    function end_el(&$output, $item, $depth, $args) {
            $output .= "\\n";
    }
 }

function my_nav_menu_link_attributes( $atts, $item, $args ) { if ( \'main\' === $args->theme_location ) { if ( \'0\' === $item->menu_item_parent ) { $atts[\'class\'] = \'top-level-item\'; } } return $atts; } add_filter( \'nav_menu_link_attributes\', \'my_nav_menu_link_attributes\', 10, 3 );

class Description_Walker extends Walker_Nav_Menu { function start_el(&$output, $item, $depth, $args) { $classes = empty($item->classes) ? array () : (array) $item->classes; if( $depth == 1 ){ $class_names = join(\' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) ); !empty ( $class_names ) and $class_names = \' class="dropdown-link w-dropdown-link \'. esc_attr( $class_names ) . \'"\'; } else { $class_names = join(\' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) ); !empty ( $class_names ) and $class_names = \' class="\'. esc_attr( $class_names ) . \'"\'; } $output .= ""; $attributes = \'\'; !empty( $item->attr_title ) and $attributes .= \' title="\' . esc_attr( $item->attr_title ) .\'"\'; !empty( $item->target ) and $attributes .= \' target="\' . esc_attr( $item->target ) .\'"\'; !empty( $item->xfn ) and $attributes .= \' rel="\' . esc_attr( $item->xfn ) .\'"\'; !empty( $item->url ) and $attributes .= \' href="\' . esc_attr( $item->url ) .\'"\'; $title = apply_filters( \'the_title\', $item->title, $item->ID ); $item_output = $args->before . "<a $attributes $class_names>" . $args->link_before . $title . \'</a>\' . $args->link_after . $args->after; if (array_search(\'menu-item-has-children\', $item->classes)) { $output .= sprintf("\\n<div data-delay=\'0\' class=\'w-dropdown\'><div class=\'dropdown-toggle w-dropdown-toggle\'><div class=\'icon w-icon-dropdown-toggle\'></div><div>$title</div></div> \\n", ( array_search(\'current-menu-item\', $item->classes) || array_search(\'current-page-parent\', $item->classes) ) ? \'active\' : \'\', $item->url, $item->title); } else { $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args ); } } function start_lvl(&$output, $depth, $args ) { $indent = str_repeat("\\t", $depth); $output .= "\\n$indent<nav class=\\"dropdown-list w-dropdown-list\\">\\n<div class=\\"submenu_speech\\"></div>"; } function end_lvl( &$output, $depth, $args = array() ) { $indent = str_repeat("\\t", $depth); $output .= "$indent</nav></div>\\n"; } function end_el(&$output, $item, $depth, $args) { $output .= "\\n"; } }

Add extra markup to WP menus

我被要求将一个HTML网站重新开发为一个WP主题，它有一个非常高级的菜单结构，我不太确定如何复制它。第二个菜单项有一个子菜单，但它不仅仅是“li”中的“ul”，还有额外的div等。。因为下拉列表有3列布局，其中2列包含子链接，第3列包含内容。这是一个示例：<ul class=\"nav navbar-nav three\"> <li class=\"dropdown yamm-fw\"> <a href=\"#\" class=\"dropdown-toggl

相关推荐

Add extra markup to WP menus