Добавить в wordpress меню сверху

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

1. Зарегистрировать новое меню

Откройте файл вашей темы: functions.php (находится в папке вашей активной темы: wp-content/themes/your-theme/).

Добавьте туда:

 function register_top_menu() {
    register_nav_menu('top-menu', __( 'Top Menu' ));
}
add_action('after_setup_theme', 'register_top_menu');

Теперь в админке WordPress в разделе Внешний вид → Меню появится возможность создать и назначить меню для области Top Menu.

2. Вывести меню в нужном месте

Откройте файл header.php (или другой файл, где хотите разместить меню) и вставьте:

<?php
wp_nav_menu( array(
    'theme_location' => 'top-menu',
    'container' => 'nav',
    'container_class' => 'top-menu-class',
    'menu_class' => 'top-menu-list'
) );
?>

Вы можете добавить свои классы для стилизации:

container_class — класс для тега nav

menu_class — класс для самого списка ul

3. Стилизовать меню

Добавьте CSS в style.css вашей темы:

<?php
.top-menu-class {
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
}

.top-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-menu-list li {
    display: inline-block;
    margin: 0 15px;
}

.top-menu-list a {
    text-decoration: none;
    color: #333;
}

Теперь в админке можно создать меню и назначить его в область Top Menu. Меню будет отображаться сверху в вашем шаблоне.

Лучшей практикой является внесение правок в child theme, чтобы не потерять изменения при обновлении темы