От автора: приветствую вас, друзья. В сегодняшней статье мы с вами поговорим о меню WordPress. В WordPress меню можно считать одним из наиболее удачных решений для данной CMS, впрочем, как и многое другое. Использовать меню WordPress — одно удовольствие: очень просто и гибко, в него мы можем добавить буквально какую угодно ссылку, а также можем разместить в любой части сайта. Итак, давайте узнаем, как сделать меню WordPress, а также как его настроить и редактировать.
Итак, управление меню осуществляется в разделе Внешний вид — Меню. Давайте перейдем туда. В зависимости от используемой темы, вверху вы можете обнаружить сообщение о том, что тема может не поддерживать произвольные меню и будет предложено создать меню через соответствующий виджет. Такое бывает редко, поскольку сейчас работу с произвольными меню поддерживает практически любая тема. Но давайте рассмотрим и такой вариант.
Для начала нам потребуется познакомиться с двумя функциями, которые понадобятся для регистрации меню в теме: register_nav_menus и wp_nav_menu. Начнем с первой. Функция register_nav_menus позволяет зарегистрировать для темы несколько меню. Это удобно, если мы хотим использовать на сайте более одного меню. В качестве параметра функция принимает массив, каждый из элементов которого будет описывать свое меню. Ключ элемента отвечает за название меню, значение — за описание меню. Давайте попробуем воспользоваться функцией. Используется она в файле functions.php вашей темы. Повторюсь, использовать функцию нужно только тогда, если меню у вас не поддерживаются и вверху вы видите соответствующее сообщение.
Давайте зарегистрируем два меню, разместив следующий код в functions.php:
|
1
2
3
4
|
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 добавим вывод необходимого меню.
|
1
2
3
4
5
6
7
8
|
<footer id=«colophon» class=«site-footer» role=«contentinfo»>
<div class=«site-info»>
<?php
wp_nav_menu( array(
‘theme_location’ => ‘footer-menu’,
‘menu_class’ => ‘nav-menu’,
) );
?>
|
Как видим, мы выводим footer_menu (то самое меню в подвале) с классом nav-menu для контейнера (div, в который будет обернуто меню). После обновления сайта мы должны увидеть меню в соответствующей области сайта. Ничего сложно при этом нам делать не пришлось. Осталось лишь оформить меню, добавив набор правил в файл стилей темы для меню. Как вы помните, у нас есть специальный класс для контейнера — nav-menu, с которым мы и можем работать.
Точно таким же образом мы можем добавить на сайт столько меню, сколько вам потребуется. Например, вы захотели боковое меню в WordPress, но его у вас нет? Нет ничего проще, чем добавить его. Просто найдите в functions.php функцию register_nav_menus и добавьте туда новый элемент меню, который будет отвечать за боковое меню. После этого используйте функцию wp_nav_menu в нужном шаблоне (скорее всего это будет sidebar.php), чтобы выводить новое меню в сайдбаре. При этом здесь даже не нужен плагин, все делается буквально несколькими строками кода. И вы можете сделать верхнее меню или нижнее, или боковое, горизонтальное или вертикальное, или даже выпадающее меню — все ограничено лишь вашей фантазией и умением работать с CSS, ведь меню, в том числе и выпадающее, создается и оформляется через CSS.
На этом мы будем прощаться. Попробуйте добавить меню в вашу тему прямо сейчас. Уверен, у вас все получится.
Статья взята из открытых источников: https://webformyself.com/kak-sdelat-menyu-wordpress/