Добавляем меню в WordPress — подробное руководство для новичков

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

1. Создание меню через админку WordPress

Самый простой способ — создать меню через панель администратора:

1. Перейдите в Внешний вид → Меню.
2. Нажмите Создать новое меню.
3. Введите название меню, например «Главное меню».
4. Добавьте нужные страницы, записи, категории или произвольные ссылки.
5. Выберите место отображения (например, «Главное меню в шапке»).
6. Нажмите Сохранить меню.

О том, как в WordPress редактировать меню я писал уже ранее.

2. Вывод меню в теме через код

Если нужно вывести меню в определённой части шаблона, зарегистрируйте и выведите его через functions.php и wp_nav_menu().

Регистрация меню

function mfb_register_menus() {
    register_nav_menus(array(
        'header_menu' => 'Меню в шапке',
        'footer_menu' => 'Меню в подвале'
    ));
}
add_action('after_setup_theme', 'mfb_register_menus');

Вывод меню в шаблоне

<?php
wp_nav_menu(array(
    'theme_location' => 'header_menu',
    'container' => 'nav',
    'container_class' => 'main-menu'
));
?>

3. Добавление меню через виджет

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

1. Перейдите в Внешний вид → Виджеты.
2. Выберите виджет Навигационное меню.
3. Перетащите его в нужную область и выберите одно из созданных меню.
4. Сохраните изменения.

4. Добавление меню через шорткод

Чтобы вставлять меню прямо в контент страниц или записей, создайте шорткод в functions.php:

function mfb_show_menu_shortcode($atts) {
    $atts = shortcode_atts(array(
        'location' => ''
    ), $atts, 'show_menu');

    ob_start();
    wp_nav_menu(array('theme_location' => $atts['location']));
    return ob_get_clean();
}
add_shortcode('show_menu', 'mfb_show_menu_shortcode');

Использование шорткода:

[show_menu location="header_menu"]

5. Несколько меню на сайте

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

Заключение

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

Также по теме: