Как создать динамическое меню в WordPress: пошаговое руководство с примерами кода

Автор: Максим Федоров | Опубликовано: 21.11.2025

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

Зачем нужно динамическое меню в WordPress

Статичное меню в WordPress — это обычный HTML-код, прописанный в шаблоне, который сложно менять без редактирования файлов темы. Динамическое меню же позволяет:

Управлять пунктами меню через админку WordPress — легко добавлять, удалять или менять порядок.
Автоматически обновлять меню при добавлении новых страниц, категорий или таксономий.
Использовать разные меню для разных областей сайта (хедер, футер, сайдбар).
Поддерживать вложенные пункты и адаптироваться под мобильные устройства.

Всё это значительно упрощает работу с навигацией и повышает удобство для пользователя.

Регистрация и подключение собственного меню в теме WordPress

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

function wpsetup_register_menus() {
    register_nav_menus([
        'header-menu' => 'Главное меню в шапке',
        'footer-menu' => 'Меню в подвале'
    ]);
}
add_action('after_setup_theme', 'wpsetup_register_menus');

Этот код создаёт две области для меню: в шапке и в футере. После регистрации вы сможете управлять этими меню через Внешний вид > Меню в админке.

Чтобы вывести меню в шаблоне, используйте функцию wp_nav_menu() с указанием location:

function wpsetup_display_header_menu() {
    wp_nav_menu([
        'theme_location' => 'header-menu',
        'container' => 'nav',
        'container_class' => 'header-navigation',
        'menu_class' => 'menu'
    ]);
}

Вызовите wpsetup_display_header_menu() в нужном месте, например, в header.php вашей темы.

Настройка вывода меню: параметры и стили

Функция wp_nav_menu() поддерживает множество параметров: container (обёртка), menu_class (класс меню), fallback_cb (что показывать, если меню не назначено) и другие. Это позволяет гибко настраивать HTML-структуру и стили.

Для красивого отображения меню рекомендуем добавить CSS-классы и использовать вложенные списки для подменю. Например:

.header-navigation .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.header-navigation .menu li {
    margin-right: 15px;
}
.header-navigation .menu li ul {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    padding: 10px;
}
.header-navigation .menu li:hover > ul {
    display: block;
}

Автоматическое добавление пунктов меню из кастомных таксономий

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

Допустим, у вас есть кастомная таксономия product_category. Чтобы автоматически добавить её термины в меню, можно использовать фильтр wp_nav_menu_items:

function wpsetup_add_product_categories_to_menu($items, $args) {
    if ($args->theme_location === 'header-menu') {
        $terms = get_terms([
            'taxonomy' => 'product_category',
            'hide_empty' => false
        ]);
        foreach ($terms as $term) {
            $url = get_term_link($term);
            $items .= '<li><a href="' . esc_url($url) . '">' . esc_html($term->name) . '</a></li>';
        }
    }
    return $items;
}
add_filter('wp_nav_menu_items', 'wpsetup_add_product_categories_to_menu', 10, 2);

Этот код добавит все категории продуктов в конец меню в шапке.

Как избежать дублирования и контролировать порядок

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

Также можно сортировать термины по term_order или другим полям, чтобы меню выглядело аккуратно.

Использование плагинов для создания динамических меню

Для тех, кто предпочитает готовые решения, есть несколько полезных плагинов:

Max Mega Menu — расширяет стандартные меню, добавляя возможность создавать многоуровневые мегаменю с виджетами и кастомным стилем.
WP Mega Menu — простой в использовании, подходит для создания сложных меню с иконками и различными эффектами.
Nav Menu Roles — позволяет управлять видимостью пунктов меню в зависимости от роли пользователя, что полезно для сайтов с разными уровнями доступа.

Все они интегрируются с нативными меню WordPress, расширяя функционал без необходимости писать код.

Пример кода для ограничения видимости пунктов меню по ролям

Если не хотите использовать плагин, можно реализовать подобное с помощью фильтра:

function wpsetup_filter_menu_by_user_role($items, $args) {
    if (is_user_logged_in()) {
        $user = wp_get_current_user();
        foreach ($items as $key => $item) {
            if (in_array('logged_in_only', $item->classes) && !in_array('subscriber', (array) $user->roles)) {
                unset($items[$key]);
            }
        }
    } else {
        foreach ($items as $key => $item) {
            if (in_array('logged_in_only', $item->classes)) {
                unset($items[$key]);
            }
        }
    }
    return $items;
}
add_filter('wp_nav_menu_objects', 'wpsetup_filter_menu_by_user_role', 10, 2);

В этом примере пункты меню с классом logged_in_only будут видны только зарегистрированным пользователям с ролью subscriber.

Советы по отладке и улучшению динамических меню

При работе с динамическими меню важно:

Проверять, что ваша тема поддерживает меню (хук after_setup_theme).
Использовать правильные theme_location для вывода.
Стараться минимизировать количество запросов к базе при добавлении пунктов программно.
Тестировать меню на разных устройствах и браузерах.
Использовать кэширование или transient API для оптимизации, если меню генерируется динамически и долго формируется.

Например, кеширование с помощью transient может выглядеть так:

function wpsetup_get_cached_menu_items() {
    $cache_key = 'wpsetup_dynamic_menu';
    $menu = get_transient($cache_key);
    if (false === $menu) {
        // Логика генерации меню
        $menu = '...';
        set_transient($cache_key, $menu, 12 * HOUR_IN_SECONDS);
    }
    return $menu;
}

Выводы по созданию динамического меню в WordPress

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

Плагины помогут быстро добавить продвинутые возможности без глубокого погружения в код, а собственные решения позволят гибко настроить логику под конкретные задачи.

Практическое применение описанных методов позволит вам создавать современные и удобные меню, которые улучшат UX вашего сайта на WordPress.