WebTutorWordPressСоздание и настройка меню в WordPress

Создание и настройка меню в WordPress

В предыдущих уроках мы разбирали как работать с темами WordPress, как удалить и установить их, а сейчас поговорим про создание меню и вывод его на фронтенд. Создание меню на сайте — это один из самых важных моментов, сегодня мы разберемся с процессом создания и настройки меню в WordPress. Это не сложно, сейчас вы сами убедитесь в этом. Также мы разберем, как можно сделать выпадающий пункт меню, из которого будут впадать подпункты.

Создание и настройка меню в WordPress

Идем во Внешний вид — Меню

dobavlenie menu wp
dobavlenie menu wp

Перед нами откроется страница редактирования меню, на которой можно или создать новое или открыть уже существующее меню. Мы выбираем создание нового.

sozdanie menu wp
sozdanie menu wp

Вводим название и нажимаем Создать

sozdanie menu wp 2
sozdanie menu wp 2

После создания пустого меню мы можем наполнить его пунктами, для этого в левой части страницы из списка отмечаем галками страницы или посты и добавляем их к меню. Также снизу не забываем отметить галку — локацию, где будет меню отображаться. По стандарту на сайте сразу после установки WordPress есть локация Main — для главного меню, но в зависимости от шаблона их может быть несколько.

sozdanie menu wp 3
sozdanie menu wp 3

Добавить выпадающий пункт можно смещением пункта вправо, чтобы у него появился как бы родитель, вот так:

sozdanie menu dobavlenie punktov
sozdanie menu dobavlenie punktov

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

Добавляем позицию для меню

Чтобы добавить свою позицию, нужно в файле function.php добавить такой код:

register_nav_menus( array(
	'bottom_nav_menu' => 'Bottom navigation menu',
) );

После этого у вас появится чекбокс с лейблом Bottom navigation menu. 

sozdanie menu dobavlenie pozicii
sozdanie menu dobavlenie pozicii

вы сможете туда добавлять меню — но оно еще не выведится на сайт, так как в шаблоне сайта тоже нужно добавить код, отвечающий за вывод позиции для меню.

wp_nav_menu( array(
             'theme_location' => 'bottom_nav_menu', 
        )
   );

таким вот образом наше меню с идентификатором theme_location, которы мы регистрировали выше — будет выведено в том месте вашего шаблона WordPress — где вы добавите функцию wp_nav_menu.

В этом уроке мы разобрали как создать меню в WordPress и вывести его на сайт.

Просмотров: 59

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

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