Удаление классов и id из элементов li в wp_nav_menu

Вы можете изменить id и class каждого элемента меню с помощью фильтров nav_menu_item_id и nav_menu_css_class следующим образом:

add_filter('nav_menu_item_id', 'clear_nav_menu_item_id', 10, 3);
function clear_nav_menu_item_id($id, $item, $args) {
    return "";
}

add_filter('nav_menu_css_class', 'clear_nav_menu_item_class', 10, 3);
function clear_nav_menu_item_class($classes, $item, $args) {
    return array();
}

В результате элементы будут выглядеть как <li id="" class="">. Этот же механизм можно использовать для установки полезных ID, например, слага страницы.

/**
 * Удаляет атрибуты id и class из HTML-кода меню WordPress
 * 
 * @param string $menu HTML-код меню
 * @return string Очищенный HTML-код меню без атрибутов id и class
 */
function wp_nav_menu_remove_attributes( $menu ){
    return $menu = preg_replace('/ id=\"(.*)\" class=\"(.*)\"/iU', '', $menu );
}
// Добавляем фильтр для обработки вывода меню
add_filter( 'wp_nav_menu', 'wp_nav_menu_remove_attributes' );

Это решение было опубликовано на wp3layout. Вам нужно добавить этот код в файл function.php вашей темы.

function remove_css_id_filter($var) {
    return is_array($var) ? array_intersect($var, array('current-menu-item')) : '';
} 
add_filter( 'page_css_class', 'remove_css_id_filter', 100, 1);
add_filter( 'nav_menu_item_id', 'remove_css_id_filter', 100, 1);
add_filter( 'nav_menu_css_class', 'remove_css_id_filter', 100, 1);

Надеюсь, это поможет.

Я считаю, что следует оставить классы menu-item-has-children и current-menu-item для стилизации

вставьте следующий код в ваш functions.php

//удаляем ненужные CSS-классы для каждого элемента li
function remove_css_from_menu($var)
{
    return is_array($var) ? array_intersect($var, array('current-menu-item', 'menu-item-has-children',)) : '';
}
add_filter('nav_menu_css_class', 'remove_css_from_menu', 100, 1);
//удаляем ID для каждого элемента li
add_filter('nav_menu_item_id', '__return_false');