В состоящем релизе платформы WordPress версии 3.0 было добавлено много нововведений, в том числе управление навигационным меню. Это позволяет создавать произвольное меню, добавлять элементы (страницы, категории, записи) в желаемом порядке без необходимости редактировать исходный код. То есть вам становится доступным полное управление меню через администраторскую зону. Обо всех деталях и возможностям мы рассмотрим в этой статье.
Поддержка произвольного меню
Вначале, перед последующими действиями, нужно проверить вашу тему на поддержку управления произвольного меню. Хоть времени от выпуска релиза прошло 6 лет (2010) и по идее в каждой теме уже должно присутствовать отвечающие функции. Но бывают исключения, и чтобы убедиться в поддержки, перейти в раздел «Внешний вид-Меню». Если обнаружите следующею надпись:
Следовательно, тема лишена такой прекрасной возможности. Для исправления нам понадобится лишь добавить такую строку add_theme_support( ‘menus’ ); в файле functions.php . Или зарегистрировать свое меню также через этот файл и поддержка включается автоматически.
После добавления этого кода у вас в разделе «Меню», конфигурация «Настройки меню» появится новый параметр «Область темы Top Menu».
Детали управления произвольного меню
Управление в общей сложности не должно вызвать затруднений, тем более там присутствуют подсказки. Но чтобы наверняка во всем разобраться, устроим экскурсию по параметрам. Для начала включим все дополнительные свойства меню.
Ну вот, теперь активированы все возможности и можно приступать к делу. Схема такая: сначала идет скриншот с ярлыками в виде цифр, затем следует объяснение по убыванию.
- Главная вкладка управления. Здесь можно совершать все действия без необходимости переключения на вкладку «Управление областями».
- Если было создано несколько меню, то здесь в виде выпадающего списка будет полный перечень, из которого можно выбрать какое именно меню отредактировать. Рядом расположена ссылка «создать новое меню», при клике на нее откроется поле ввода для названия. Не забывайте нажимать кнопку «Сохранить меню» после внесения изменений.
- В боковой части расположены элементы «Страницы, Произвольные ссылки, Рубрики, Записи, Формат», которые доступны для добавления в меню. В первом и последнем виджете схема добавления аналогичная: ставятся галочки на нужные элементы, затем нажимается кнопка «Добавить…». Вкладка «Произвольная ссылка» – это любой адрес веб-страницы или сайта, прописывается URL и текст ссылки.
- В структуре меню находятся все добавленные вами элементы. Также присутствуют дополнительные параметры, а именно:
Классы CSS – возможность добавить любой класс к определенному пункту меню. С примером использования можно ознакомиться здесь.
Описание к ссылке (XFN) – дополнительный атрибут ссылке, позволяющий указать статус ресурса, на который вы ссылаетесь. Официальная инфа .
Как создать свое меню в WordPress и вывести его в любом месте
В закрепление выше написанного материала рассмотрим практичный пример создания своего меню и вывода его на сайт. Разобьём действия на четыре шага, так будет проще разобраться и избежим путаницы.
Шаг 1-й. Регистрируем меню
Открываем файл functions.php и в самом низу, перед знаком ?> , добавляем такой фрагмент кода:
Этим кодам мы регистрируем два новых меню в текущей теме. Одно ориентированное как главное (header), второе расположим внизу сайта (footer).
Шаг 2-й. Место вывода
На втором шаге обозначим область вывода меню с помощью функции wp_nav_menu() . Первое добавим в файл header.php после всех функций, а второе в файл footer.php .
Шаг 3-й. Оформление
Теперь нужно прописать стили, чтобы все пункты меню были стилизованы, и внешний вид был корректен.
Шаг 4-й. Меню в админ-зоне
После выше проделанной нами работы, останется создать меню и добавить необходимые элементы. Переходим в раздел «Внешний вид — Меню», пишем название меню в поле ввода «Название меню» (любое, это для себя). В левой колонке выбираем какие элементы добавить (страницы, рубрики и т.д.). Внизу «Область темы» ставим галочку напротив «Верхнее меню» и жмем кнопку «Сохранить меню».
Вот и все, можно будет посмотреть результат. Насчет нижнего меню, то там точно также, только область темы выбрать другую.
Широко известно, что в WordPress 3.0 добавлена поддержка произвольных меню (настраиваемых меню). Вещь, на мой взгляд, крайне удобная и полезная. Собственно, отсюда и эта статья.
Удобство заключается в том, что теперь можно создавать и конфигурировать меню прямо из админки, добавляя ссылки кликами по чекбоксам и меняя порядок ссылок простым перетаскиванием. В меню можно добавить ссылки на страницы, категории и отдельные посты. Можно создавать многоуровневые меню, так же в меню можно добавлять свои произвольные ссылки, о которых WordPress не знает. В общем, полная свобода действий.
Однако, чтобы такая "свобода" была доступна, нужно, скажем так, легким движением мышки, настроить вывод произвольного меню в шаблон.
Использовать такие меню будет крайне удобно, если пользоваться мультисайтовой возможностью WordPress, потому что для разных сайтов можно будет настраивать разные меню, а шаблон для них использовать один.
Заметка: меню работает через таксономию (nav_menu) WordPress, а произвольные (внешние) ссылки, записываются в основную таблицу БД posts. Такой подход более гибкий и динамичный, однако требует постоянной генерации таких меню.
Видео по меню в WordPress