Дизайн та розробка сайту

Новое меню WordPress

Доброе время суток. В этой статье рассмотрим как подключить свое меню в WordPress.

1. Нужно зарегистрировать наше меню в файле functions.php который находится внутри нашей темы.

Назовем функцию register_my_menus , которая запускает стандартный метод register_nav_menus()  в WordPress 3 и выше, регистрирующий позиции меню.

Register_nav_menus() принимает на вход в качестве аргумента массив, каждый элемент которого регистрирует позицию для одного меню. Меню на сайте может быть несколько и для каждого из них будет зарегистрирована своя позиция и применены свои настройки.

Регистрируем два меню.

function register_my_menus()
{
register_nav_menus
(
array( 'header-menu' => 'Топ меню', 'footer-menu' => 'Подвал меню')
);
}

‘header-menu’ => ‘Топ меню′  - это первый аргумент и он отвечает за вывод первого меню. К примеру, это будет меню в шапке вашей темы(в файле header.php). Я назвал его "Топ меню".

'footer-menu' => 'Подвал меню' - это второй аргумент и это второе меню, которое мы выведем в подвале(в файле footer.php). Я назвал его "Подвал меню". Названия можете менять как вашей душе угодно 🙂

Запускаем функции register_my_menus хуком init в нашем functions.php

Для запуска используем хук init.

if (function_exists('register_nav_menus'))
{
add_action( 'init', 'register_my_menus' );
}

Применяется условный оператор «if» для проверки, можно ли в данной версии WordPress использовать нашу функцию регистрациинового меню — register_nav_menus(). Дело в том, что  старые движки WordPress могут не поддерживать работу с меню.  Если WordPress умеет работать с функцией register_nav_menus, выполнится метод add_action( ‘init’, ‘register_my_menus’ ).

2. Следующий этап - нужно указать места где будут размещаться наши меню.

У нас два меню. Сначала вставим верхнее. Как я говорил вставлять будем в header.php

</pre>
<nav><!--?php wp_nav_menu( array( 'theme_location' =--> 'header-menu' ) ); ?></nav>
<pre>

Теперь второе в подвал, а именно в footer.php

<nav>
	<?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>
</nav>

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

3. Настройка меню в админке

Заходим в админ часть, выбираем слева пункт - Внешний вид - меню .Сначала нужно создать 2 меню, сохранить их.  Потом вверху будет 2 вкладки Редактировать меню и Управление областями, нужно перейти в - Управление областями и назначить одно меню для верхнего и одно для нижнего и сохранить изменения. Потом вернуться в "Редактировать меню" и уже более точно настроить свое меню. Вставить ссылки на страницы, рубрики,записи или произвольные.

На этом все. Спасибо за внимание 🙂

Дизайн та розробка сайту

Back to top