<
  • Главная<
Не найдено

Как сделать свое меню на WordPress Выпадающее меню

Опубликовано: 12.10.2016

видео Как сделать свое меню на WordPress  Выпадающее меню

How To Add A Navigation Menu To Wordpress Site - Wordpress Tutorial

Приветствую вас, почетаемый читатель. В данной публикации речь пойдет о работе с меню 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