WordPress中自定义最后一级子菜单项HTML结构求助

没问题！要实现把最后一个子菜单项的图标从<li>标签移到<a>标签内部，我们可以用WordPress的钩子功能来安全修改，不用直接改动主题模板文件。试试下面的方案：

方法：使用Walker菜单过滤器 #

在你的主题（或子主题）的functions.php文件中添加以下代码：

function add_icon_to_last_submenu_item($item_output, $item, $depth, $args) {
    // 仅处理子菜单（层级 >=1），且是当前父菜单下的最后一项
    if ($depth >= 1 && $item->menu_item_parent === $args->current_item_parent) {
        // 获取当前父菜单下的所有子菜单项
        $sub_items = array_filter($args->items, function($sub_item) use ($item) {
            return $sub_item->menu_item_parent === $item->menu_item_parent;
        });
        // 判断当前项是否是该子菜单的最后一项
        if (end($sub_items)->ID === $item->ID) {
            // 将图标添加到链接末尾，并移除li标签上的旧图标类
            $item_output = str_replace('</a>', '<i class="icon-chevron-right"></i></a>', $item_output);
            $item_output = str_replace('icon-chevron-right', '', $item_output);
        }
    }
    return $item_output;
}
add_filter('walker_nav_menu_start_el', 'add_icon_to_last_submenu_item', 10, 4);

代码说明 #

• 我们使用walker_nav_menu_start_el过滤器，它会在每个菜单项的HTML生成时触发，允许我们修改输出内容。
• 首先判断当前项是否属于子菜单（depth >=1），然后筛选出同一父菜单下的所有子项，确认当前项是最后一个。
• 把链接的闭合标签</a>替换成带图标的版本，同时移除<li>标签上原来的icon-chevron-right类，避免样式冲突。

注意事项 #

1. 如果你使用的是子主题，建议把代码添加到子主题的functions.php中，这样主题更新时不会丢失修改。
2. 修改前记得备份functions.php文件，避免语法错误导致网站无法访问。
3. 如果你的主题已经自定义了Walker_Nav_Menu类，那你需要在该类的start_el方法中加入类似的判断逻辑，而不是使用上面的过滤器。

内容的提问来源于stack exchange，提问作者abbas derafshi