Настраиваемые навигационные меню в шаблоне WordPress

Начиная с версии 3.0 в WordPress доступно создание настраиваемых навигационных меню. Это очень удобно, так как предоставляет возможность администратору сайта редактировать меню навигации из панели администратора, добавлять и изменять ссылки и разделы меню, не имея необходимости при этом разбираться в коде темы и затрагивать исходный html-код.

Для активации возможности управления навигационными меню темы, прежде всего, необходимо прописать в functions.php функцию, активирующую меню и регистрирующую их имена в среде WordPress.

Если мы хотим создать только одно редактируемое навигационное меню, пишем следующий код:

[sourcecode language=»php»]function register_my_menu() {
register_nav_menu(‘header-menu’, ‘Главное меню’);
}
add_action( ‘init’, ‘register_my_menu’ );[/sourcecode]

Если необходимо создать два или более меню, пишем:

[sourcecode language=»php»]function register_my_menus() {
register_nav_menus(
array(
‘top-menu’ => ‘Главное меню’,
‘left-menu’ => ‘Меню в сайдбаре’
)
);
}
add_action( ‘init’, ‘register_my_menus’ );[/sourcecode]

Таким образом, мы зарегистрировали в среде WordPress два навигационных меню. Мы уже можем увидеть в панели администратора интерфейс для управления и настройки меню.

Перейдем по ссылке Внешний вид -> Меню в панели администратора.

Читайте также:  Создаем страницу настроек (Options Page) для темы Wordpress

Здесь нам необходимо создать меню, наполнить его ссылками на разделы и страницы сайта, и указать позицию вывода данного меню в шаблоне.

 

Теперь нужно вставить в файлы шаблона функции вызова навигационных меню в нужных нам местах. Для этого используем код:

[sourcecode language=»php»]<?php wp_nav_menu( array( ‘theme_location’ => ‘top-menu’ ) ); ?>[/sourcecode]

Вывод функции представляет собой маркированный список <ul>. Внешний вид элементов оформляем с помощью CSS.

 

Вам может быть интересно: