Как сделать меню WordPress

Как сделать меню WordPress

От автора: приветствую вас, друзья. В сегодняшней статье мы с вами поговорим о меню WordPress. В WordPress меню можно считать одним из наиболее удачных решений для данной CMS, впрочем, как и многое другое. Использовать меню WordPress — одно удовольствие: очень просто и гибко, в него мы можем добавить буквально какую угодно ссылку, а также можем разместить в любой части сайта. Итак, давайте узнаем, как сделать меню WordPress, а также как его настроить и редактировать.

Итак, управление меню осуществляется в разделе Внешний вид — Меню. Давайте перейдем туда. В зависимости от используемой темы, вверху вы можете обнаружить сообщение о том, что тема может не поддерживать произвольные меню и будет предложено создать меню через соответствующий виджет. Такое бывает редко, поскольку сейчас работу с произвольными меню поддерживает практически любая тема. Но давайте рассмотрим и такой вариант.

Для начала нам потребуется познакомиться с двумя функциями, которые понадобятся для регистрации меню в теме: register_nav_menus и wp_nav_menu. Начнем с первой. Функция register_nav_menus позволяет зарегистрировать для темы несколько меню. Это удобно, если мы хотим использовать на сайте более одного меню. В качестве параметра функция принимает массив, каждый из элементов которого будет описывать свое меню. Ключ элемента отвечает за название меню, значение — за описание меню. Давайте попробуем воспользоваться функцией. Используется она в файле functions.php вашей темы. Повторюсь, использовать функцию нужно только тогда, если меню у вас не поддерживаются и вверху вы видите соответствующее сообщение.

Давайте зарегистрируем два меню, разместив следующий код в functions.php:

register_nav_menus( array(
	'header_menu' => 'Меню в шапке',
	'footer_menu' => 'Меню в подвале'
) );

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

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

Давайте добавим в меню несколько страниц и записей. Особая прелесть настройки меню WordPress заключается в том, что мы можем сортировать пункты меню или выстраивать иерархию простым перетаскиванием этих пунктов.

После добавления необходимых пунктов выберите область темы, в которую вы будете добавлять меню. Например, я хочу выводить меню в низу сайта, в футере, поэтому отмечу соответствующую область.

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

theme_location — идентификатор меню, который мы использовали в качестве ключа в функции register_nav_menus;

container — параметр, отвечающий за контейнер меню, например div, nav или вообще не нужен контейнер;

menu_class — css-класс для тега ul, в котором находится меню.

Давайте в шаблоне footer.php добавим вывод необходимого меню.

Как видим, мы выводим footer_menu (то самое меню в подвале) с классом nav-menu для контейнера (div, в который будет обернуто меню). После обновления сайта мы должны увидеть меню в соответствующей области сайта. Ничего сложно при этом нам делать не пришлось. Осталось лишь оформить меню, добавив набор правил в файл стилей темы для меню. Как вы помните, у нас есть специальный класс для контейнера — nav-menu, с которым мы и можем работать.

Точно таким же образом мы можем добавить на сайт столько меню, сколько вам потребуется. Например, вы захотели боковое меню в WordPress, но его у вас нет? Нет ничего проще, чем добавить его. Просто найдите в functions.php функцию register_nav_menus и добавьте туда новый элемент меню, который будет отвечать за боковое меню. После этого используйте функцию wp_nav_menu в нужном шаблоне (скорее всего это будет sidebar.php), чтобы выводить новое меню в сайдбаре. При этом здесь даже не нужен плагин, все делается буквально несколькими строками кода. И вы можете сделать верхнее меню или нижнее, или боковое, горизонтальное или вертикальное, или даже выпадающее меню — все ограничено лишь вашей фантазией и умением работать с CSS, ведь меню, в том числе и выпадающее, создается и оформляется через CSS.

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

Метки: ,

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Александр

    Спасибо за полезную статью! Делал на сайте меню по Вашей инструкции! Всех благ!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree