Как удалить проблему раздвоенного общего меню в WordPress

Одной из распространённых проблем при работе с WordPress является появление раздвоенного или дублированного общего меню на сайте. Это может происходить по разным причинам — от ошибок в теме до конфликтов плагинов. В этой статье разберём, почему возникает эта проблема, как её диагностировать и решать с помощью кода и плагинов.

Причины появления раздвоенного меню в WordPress

Раздвоенное меню обычно проявляется, когда на сайте отображается два идентичных блока навигации. Это портит внешний вид сайта и ухудшает пользовательский опыт. Ниже рассмотрим основные причины:

• Дублирование вызова функции меню в шаблонах темы. Иногда разработчики случайно вставляют в header.php и в sidebar.php одинаковый код меню.
• Ошибки в регистрациях меню. Например, когда меню регистрируется и вызывается несколько раз с разными именами, но в итоге выводятся одинаковые пункты.
• Конфликты плагинов, добавляющих свои меню. Некоторые плагины (например, Mega Menu или Page Builder) могут автоматически вставлять меню, которое дублирует основное.
• Кэширование и оптимизация. Неправильно настроенные плагины кеширования могут выводить устаревшие версии меню, создавая эффект дублирования.

Как найти источник проблемы: диагностика раздвоенного меню

Для начала нужно понять, где именно дублируется меню. Вот пошаговый алгоритм:

1. Отключите все плагины, кроме базовых, и посмотрите, исчезнет ли проблема.
2. Если меню перестало дублироваться — включайте плагины по одному, чтобы выявить виновника.
3. Если проблема сохраняется — проверьте файлы темы, особенно шаблоны header.php, sidebar.php, footer.php, на предмет повторного вызова меню.
4. Используйте панель разработчика в браузере (F12) и найдите, сколько раз выводится блок меню, проанализируйте HTML-структуру.

Пример кода: правильный вызов одного меню в теме WordPress

Регистрация меню в файле functions.php темы:

function wpbuy_register_menus() {
    register_nav_menus([
        'primary-menu' => __('Основное меню', 'wpbuy'),
    ]);
}
add_action('after_setup_theme', 'wpbuy_register_menus');

Вызов меню в header.php должен быть один и выглядеть так:

wp_nav_menu([
    'theme_location' => 'primary-menu',
    'container' => 'nav',
    'container_class' => 'main-navigation',
    'menu_class' => 'menu',
]);

Убедитесь, что аналогичный вызов не дублируется в других местах темы.

Использование плагинов для управления меню и решения конфликтов

Если проблема вызвана плагинами, можно использовать специализированные инструменты для управления меню:

• Max Mega Menu — популярный плагин для создания и управления меню с расширенными возможностями. Позволяет отключать встроенные меню темы.
• Clearfy Pro — плагин для оптимизации и устранения конфликтов, включая управление меню и удаление дублирующих элементов.

Рекомендуется проверить настройки этих плагинов, чтобы избежать автоматического вывода нескольких меню.

Дополнительный пример: фильтр для удаления дублирующего меню через functions.php

Если меню дублируется из-за плагина, можно попробовать программно удалить лишний вызов с помощью фильтра:

function wpbuy_remove_duplicate_menu() {
    remove_action('wp_footer', 'plugin_menu_output_function'); // пример удаления функции плагина
}
add_action('wp_loaded', 'wpbuy_remove_duplicate_menu');

Замените plugin_menu_output_function на название функции, которая выводит дублирующее меню. Для её поиска используйте поиск по коду плагина.

Советы по предотвращению дублирования меню

• Всегда проверяйте код темы на предмет повторных вызовов wp_nav_menu.
• Используйте дочерние темы для внесения изменений, чтобы избежать конфликтов при обновлениях.
• Следите за совместимостью плагинов с вашей темой и между собой.
• Регулярно очищайте кеш сайта и браузера после изменений.

Следуя этим рекомендациям, вы быстро найдете и устраните проблему с раздвоенным меню в WordPress.