菜单 wordpress 中一项的自定义导航器

问题描述

我需要为 wordpress 菜单中的一个项目制作一个单独的导航器。

当我将鼠标悬停在“商店”链接时，我的布局有所不同。目前，我的代码适用于所有元素：

class header_walker extends Walker_Nav_Menu {        
    //start of the sub menu wrap
    function start_lvl(&$output,$depth = 0,$args = array()) {
        $secondMenuClass = 'sub-menu__list';
        $wrapperScrollStart = '';
        if ($depth == 1) {
            $secondMenuClass = 'sub-menu__list sub-menu__list--scrollbar';
            $wrapperScrollStart ='<div class="sub-menu__inner">';
            $wrapperScrollEnd ='</div>';
        }
        $output .= '<div class="sub-menu"><div class="sub-menu__wrapper">'.$wrapperScrollStart.'<ul class="'.$secondMenuClass.'">';
    }

    //end of the sub menu wrap
    function end_lvl(&$output,$args = array()) {
        $wrapperScrollEnd = '';

        if ($depth == 1) {
            $wrapperScrollEnd ='</div>';
        }

        $wrapperScrollEnd ='</div>';
        $output .= '</ul>'.$wrapperScrollEnd.'</div</div>';
    }

}

我需要设定一个条件，即此代码（即 start_lvl 和 end_lvl）适用于菜单中的所有项目，但 ID 为 259（商店 ID）的项目除外。

当我将鼠标悬停在 'shop' 元素上时，walker 变为：

如何为一个菜单制作两个导航器或如何正确解决？ 仅更改 CSS 不会起作用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）