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

Если вы уже забыли, то напоминаю, что начать работать с меню можно, выбрав пункт “Меню” в разделе “Внешний вид” административной панели. Будем считать, что у вас уже созданы на сайте рубрики и страницы, а также размещены какие-то записи. Давайте создадим первое произвольное меню и назовем его “Первое меню”. Сделать это можно в специальной панели, вписав соответствующее название меню. Перед созданием каждого нового меню вам будет выдаваться краткая подсказка, которую можно прочитать прямо в этой панели. Создав первое меню, давайте познакомимся с блоками, которые располагаются с левой стороны от панели. Первым по счету идет блок “Области темы”, в нем можно указать, какое именно меню у вас будет основным, если вы используете их несколько.

В следующем блоке “Произвольные ссылки” можно указать в качестве меню произвольную ссылку на какой-нибудь сайт или внутреннюю запись на сайте, задав ей название.

Следующие два блока “Страницы” и “Рубрики” идентичны по своему назначению и позволяют в одно меню добавлять как страницы вашего сайта, так и рубрики.

Давайте зададим элементы нашему первому меню, которое будет состоять из одной страницы, одной рубрики и одной произвольной ссылки. Для этого отметим нам нужные страницы и рубрики в блоках и нажмем кнопку “Добавить в меню”. В блоке ” Произвольные ссылки” укажите адрес сайта или какой-нибудь внутренней записи сайта и также добавьте ее в меню. Когда мы это сделаем, то в панели создания меню появятся серые прямоугольники с названиями нашей страницы, рубрики и произвольной ссылки. Это и есть элементы меню, в которых, если развернуть их, можно задать текст ссылки, атрибут title, а в произвольной ссылке и адрес нужной нам веб-страницы.

Если вас не устраивает порядок расположения элементов меню, то вы можете с легкостью его поменять, перетащив прямоугольники вверх или вниз на нужное вам место. Таким образом, элемент, находящийся выше остальных, будет идти первым в меню.

Но и это еще не все манипуляции, которые можно совершать с элементами  меню. Помимо установки очередности пунктов меню, есть возможность задавать родительские и дочерние пункты. Осуществить это можно путем перетаскивания прямоугольников вправо.

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

Размещение произвольного меню на сайте

Теперь нужно разместить наше меню на сайте. Его можно разместить двумя способами: с помощью виджета и при помощи специального тега wp_nav_menu();.

Размещение меню при помощи виджета

После того, как мы создали произвольное меню, в панели виджетов у нас появился новый виджет “Произвольное меню”. Размещение его в нужной нам области виджетов не отличается от остальных: просто перетащите виджет в боковую колонку.

В виджете осталось всего лишь задать название произвольное меню и выбрать в выпадающем списке, какое именно произвольное меню надо выводить. Поскольку оно у нас всего одно, поэтому выбираем “Первое меню”.

Размещение произвольного меню при помощи специального тега

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

<?php wp_nav_menu(); ?>

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

<?php wp_nav_menu( array('menu' => 'Первое меню' )); ?>

Как видите, в условии нужно указать имя меню, которое мы присваивали ему при создании. Кстати, то меню, которое у нас выбрано основным в блоке “Области темы”, можно выводить без всяких условий, независимо от того, какое количество у нас произвольных меню.