Как сделать свое меню на WordPress Выпадающее меню
Опубликовано: 12.10.2016
Приветствую вас, почетаемый читатель. В данной публикации речь пойдет о работе с меню WordPress.
Начиная с третей версии WordPress получил функционал, позволяющий настраивать меню блога средством админки. Это очень комфортная и увлекательная функция. Давайте детально с ней разберемся.
В одной из прошлых публикаций курса верстки для WordPress я сверстал простое горизонтальное меню. При всем этом ссылки на нужные мне пункты были агрессивно прописаны в HTML нашей темы. Таковой подход просит конфигурации верстки при добавлении либо редактировании пт меню. Но, если мы используем WordPress версии 3 и выше, редактирование пт меню можно производить из админки, что является более комфортным вариантом. При всем этом легкими манипуляциями можно создавать даже выпадающее меню.
Как вставить картинку в меню WordPress
Встраивать управляемое админкой меню будем все в ту же тему, разработанную во 2-м видеуроке курса верстки для WordPress.
Скачать исходники разрабатываемой темы (11.94 кБ, *.zip).
Для начала удалим содержимое блока в файле index.php (строчка 32), ранее там была жесткая HTML-верстка 3-х пт меню.
Иконки в меню WordPress сайта
В освободившийся контейнер будем выводить меню, настроенное в админке WordPress. Для заслуги намеченной цели нужно выполнить последующие три пт инструкций.
1. Зарегистрировать меню в файле functions.php нашей темы.
Для этого в functions.php мы опишем новейшую функцию, назовем ее, к примеру, register_my_menus. Данная функция будет запускать стандартный способ register_nav_menus(), описанный в ядре WordPress 3 и выше, регистрирующий позиции меню.
Register_nav_menus() воспринимает на вход в качестве аргумента массив, каждый элемент которого регистрирует позицию для 1-го меню (ведь меню на веб-сайте может быть несколько и для каждого из их будет зарегистрирована своя позиция и использованы свои опции).
В нашей теме было всего только 1-го горизонтальное меню в шапке веб-сайта. Для примера работы с функцией register_nav_menus() я предлагаю зарегистрировать два меню. Одно из их вывести под шапкой, а 2-ое перед подвалом.
Листинг 1. Регистрация 2-ух меню. Файл function.php активной темы WordPress