Ошибка появилась в консоли в priority-menu.js в WordPress

Question

Я на последней версии движка WordPress. На сайте maxg5.ru В консоли появились ошибки в файле priority-menu.js. Из-за этой ошибки в мобильной версии элементы меню отображаются в неправильном порядке, указанном в панели администратора. Я думаю, что это произошло после того, как я удалил строку 228 в wp-content \ themes \ twentynineteen \ inc \ template-functions.php :

add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );

Это нужно было сделать, чтобы отключить этот фильтр в мобильной версии и наложить мобильное меню, как мне нужно. Как вы исправляете ошибки в файле priority-menu.js? А может, нужно было как-то отключить фильтр?

Answer 1

Если вы используете предоставленную тему, никогда не обновляйте ее файлы, так как они будут перезаписаны при обновлении темы, и никогда никогда не обновляет файлы WordPress Core.

WordPress имеет серию Action Hooks и Фильтры , которые позволяют динамически и программно добавлять и удалять элементы, функции и другой код с вашего сайта и с него.

Ваш первый шаг - снова добавить ту функцию, которую вы удалили. Тогда вам нужно либо:

• Создать плагин
• Создать плагин для обязательного использования
• Создание детской темы
• или используйте плагин для выполнения PHP, такой как Мои пользовательские функции .

Любой из этих методов позволит вам удалить и расширить функциональность должным образом . Правильный способ удалить эту строку - использовать функцию remove_filter():

remove_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10 );

Наконец, чтобы устранить ошибку вашей консоли, это потому что JavaScript темы использует этот код:

var visibleList  = container.parentNode.querySelector('.main-menu[id]');
var hiddenList   = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');

Вам нужно убедиться, что элемент .main-menu (с идентификатором) имеет элемент-брат. Прямо сейчас, когда JS проверяется, существует ли <div class="main-menu" id="xxx">, а затем проверяет своего следующего брата на наличие скрытых ссылок. Поскольку в главном меню нет родного брата, он выдает эту ошибку. Вам нужно будет учесть это, как бы вы ни добавляли в свое «пользовательское» мобильное меню.