wp_nav_mеnu(), создание пользовательских меню

  3.0.0     wp-includes / nav-menu-template.php  /  Кодекс WordPress

Кстати! Про то, как кодить меню в WordPress, у меня на сайте есть видеоурок.

Использование меню такого типа очень удобно, особенно если делаешь сайт для заказчиков. Конечно, можно вывести рубрики при помощи wp_list_categories или вообще написать на HTML (лично я всегда так и делаю, когда создаю сайт для себя), но будет нудно, если пункты меню будут часто меняться и дополняться.

Для начала нужно включить поддержку меню темой, вставив этот код в файл functions.php:

if (function_exists('add_theme_support')) {
	add_theme_support('menus');
}

А это более правильный вариант с регистрацией областей темы:

if(function_exists('register_nav_menus')){
	register_nav_menus(
		array( // создаём любое количество областей
		  'main_menu' => 'Главное меню', // 'имя' => 'описание'
		  'foot_menu' => 'Меню в футере'
		)
	);
}

После этого в админке появится вкладка Внешний вид > Меню. Заходим туда и создаём своё меню, назовём его например «menu1».

Засуньте этот код в то место в теме, куда вы хотите вставить менюху:

<?php wp_nav_menu("menu=menu1"); ?>

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

Итак, функция wp_nav_menu()

wp_nav_menu($args);

Параметры по умолчанию:

$args = array(
	'theme_location'  => , // область темы
	'menu'            => , // какое меню нужно вставить (по порядку: id, ярлык, имя)
	'container'       => 'div', // блок, в который нужно поместить меню, укажите false, чтобы не помещать в блок
	'container_class' => 'menu-{menu slug}-container', // css-класс блока
	'container_id'    => , // id блока
	'menu_class'      => 'menu', // css-класс меню
	'menu_id'         => , // id меню
	'echo'            => true, // вывести или записать в переменную
	'fallback_cb'     => 'wp_page_menu', // какую функцию использовать если меню не существует, укажите false, чтобы не использовать ничего
	'before'          => , // текст или html-код, который нужно вставить перед каждым <a>
	'after'           => , // после </a>
	'link_before'     => , // текст перед анкором ссылки
	'link_after'      => , // после анкора и перед </a>
	'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>', // HTML-шаблон
	'depth'           => 0 // количество уровней вложенности
);
Кодекс WordPress: Меню: , has_nav_menu(), register_nav_menus(), wp_get_nav_menu_items(), wp_get_nav_menu_object(), wp_nav_mеnu()

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Комментарии — 39

Оставить комментарий

× Отменить ответ

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.