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

Метод 1: использование областей виджетов
Темы Sage часто включают области виджетов, которые позволяют добавлять контент в заранее определенные области. Чтобы добавить второе меню навигации, вы можете воспользоваться этими областями виджетов. Выполните следующие действия:

Шаг 1. Зарегистрируйте новую область виджетов
В файле functions.phpвашей темы добавьте следующий фрагмент кода:

function register_second_nav_menu() {
    register_sidebar(
        array(
            'name'          => 'Second Navigation',
            'id'            => 'second-navigation',
            'description'   => 'Add widgets for the second navigation menu here.',
        )
    );
}
add_action('widgets_init', 'register_second_nav_menu');

Шаг 2. Отобразите второе меню
В файле шаблона вашей темы, где вы хотите отобразить второе меню (например, header.php), вставьте следующий код:

<?php if (is_active_sidebar('second-navigation')) : ?>
    <div class="second-navigation">
        <?php dynamic_sidebar('second-navigation'); ?>
    </div>
<?php endif; ?>

Шаг 3. Настройка и стиль
Придайте стиль классу second-navigationв CSS-файле вашей темы, чтобы добиться желаемого внешнего вида.

Метод 2: использование пользовательских меню
WordPress предоставляет встроенную функцию, называемую пользовательскими меню, которая позволяет создавать несколько меню и управлять ими. Выполните следующие действия:

Шаг 1. Зарегистрируйте новое меню
В файле functions.phpвашей темы добавьте следующий фрагмент кода:

function register_second_nav_menu() {
    register_nav_menu('second-navigation', 'Second Navigation');
}
add_action('after_setup_theme', 'register_second_nav_menu');

Шаг 2. Отображение второго меню
В файле шаблона вашей темы, где вы хотите отобразить второе меню (например, header.php), вставьте следующий код:

<?php
    wp_nav_menu(
        array(
            'theme_location' => 'second-navigation',
            'container'      => 'nav',
            'container_class' => 'second-navigation',
        )
    );
?>

Шаг 3. Настройка и стиль
Придайте стиль классу second-navigationв CSS-файле вашей темы, чтобы добиться желаемого внешнего вида.

Метод 3: использование плагина
Если вы предпочитаете более удобный подход или вам нужны дополнительные функции, вы можете использовать плагин WordPress, специально разработанный для управления навигационными меню. Некоторые популярные плагины включают «Max Mega Menu» и «UberMenu». Установите и активируйте плагин по вашему выбору, следуйте его документации, чтобы создать второе меню, и настройте его по своему вкусу.

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