Создание меню для сайта на WordPress

Создание меню навигации в теме для WordPress

Для создания меню необходимо воспользоваться функцией wp_nav_menu(), параметром которой является массив мета данных для настройки меню. Далее нужно это меню зарегистрировать в файле functions.php после чего в панели WordPress, во вкладке Внешний вид появится новая вкладка с названием Меню, именно в ней мы сможем окончательно завершить создание и настройку меню для темы.

Шаг 1: Создание и определение параметров меню

Для начала нужно открыть файл header.php и в соответствующем блоке, в котором будет находится будущее меню, добавить функцию отображения меню wp_nav_menu() с набором аргументов определённых в массиве $args.

<header>
<!--...-->

<div class="menu">
<?php
$args = array(
'theme_location' => 'primary_menu', //определяем область темы где будет размещаться главное меню
'container' => 'nav', //определяем родительский элемент (тег <nav>)
'container_class' => 'nav-primary-menu', //назначаем имя класса для родительского элемента (тег <nav>)
'menu_class' => 'ul-primary-menu' //назначаем имя класса для меню (тег <ul>)
);

wp_nav_menu($args); //обеспечивает отображение меню
?>
</div>

<!--...-->
</header>

Все доступные параметры меню приведены в таблице в конце статьи.

Шаг 2: Регистрация созданного меню

После того как мы вставили код с меню в нужное место, его необходимо зарегистрировать (активировать) с помощью функции register_nav_menus() в файле functions.php, параметром которой является массив всех имеющихся типов меню. После чего в панели управления, во вкладке Внешний вид появится новая вкладка Меню, где мы сможем управлять всеми зарегистрированными типами меню.

<?php
  function theme_support_setup(){            //функция настройки функциональности темы
    //...


    //Меню навигации на сайте                //регистрация всех используемых типов меню
    register_nav_menus(array(
    'primary_menu' => __('Меню в шапке'),
    'sidebar_menu' => __('Меню в сайдбаре'),
    'footer_menu' => __('Меню в подвале')
    ));


    //...
  }
  add_action('after_setup_theme','theme_support_setup');
?>

Шаг 3: Настраиваем меню в панели управления

Переходим во вкладку Меню, где определяемся с именем нового меню и сохраняем его. Далее можно добавить в него необходимые страницы.

Указываем все те ссылки, которые хотим видеть в меню. В примере ниже указаны ссылки на страницы сайта и одна произвольная ссылка на главную страницу.

В завершении нам остаётся только перейти во вкладку Управление областями и соотнести названия только что созданных меню с теми именами, которые мы упомянули при регистрации в функции register_nav_menus(). На этом процесс создания меню завершен.

Для создания меню в других областях сайта, например в футере или сайдбаре, нужно всего лишь в соответствующих файлах (footer.php, sidebar.php), по аналогии с header.php, создать функцию wp_nav_menu() с определенными параметрами и зарегистрировать её.

В конечном итоге мы получим следующий результат.

Вы можете визуально выделить активную ссылку меню, для этого укажите css-стили для селектора .current-menu-item.

Список доступных параметров для функции wp_nav_menu( )