Навигацию не желаете? Меню для WordPress. Шаблон с нуля — Урок №4

Меню WordPress является одной из немногих функций системы, которая при обновлении на WP 3 претерпела огромные изменения. Честно говоря, меню — это то, что мне особенно не нравилось в старых версиях. Для того, чтобы создать простейшую навигацию приходилось использовать неудобную функцию, которая выводила в меню статические страницы. А если вы хотите добавить в него статью из заметок? Можно было конечно сделать его на html, но тогда невозможно было бы управлять из админки. И вот в новых версиях, наконец-то, эта проблема решена!

Навигацию не желаете? Меню для WordPress. Шаблон с нуля — Урок №4

Подключение меню WordPress в шаблоне

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

Старый код вывода меню WordPress задействовал функции

wp_list_pages

или

wp_page_menu

и в самом своем простом варианте выглядел так:

или так:

Второй вариант более кастомизированный, в нем исключены страницы с id 5,9 и 23.

Теперь же мы будем использовать новую функцию, появившуюся в 3 версии WP,

WP_NAV_MENU

.
Она намного более гибкая и избавляет нас от необходимости настраивать параметры для отображения в самом коде шаблона. Все делает просто из админпанели.

Для начала включим поддержку меню в шаблоне и добавим в functions.php код:

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

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

register_nav_menus(array(  
            'top' => 'top',        //Название меню в шаблоне  
            'bottom' => 'bottom'   //Название другого меню в шаблоне  
        ));

После этого сохраняем файл, открываем header.php и вставляем в нужном месте:

а в подвал footer.php вот этот:

Здесь же можно сразу задать определенный css стиль:

Вот таким образом подключается система меню WordPress к наблону в версии с 3.0.
Настоятельно советую посмотреть видео — там все рассказано еще более подробно + уделается внимание оформлению элементов списка в меню.

Создание меню из админки WordPress

Все технические подготовительные действия выполнены, осталось только создать непосредственно само меню для блога на WordPress. Переходим в раздел Внешний вид > Меню.

1. Добавляем новое меню (нажать на плюсик) 2. Задаем его местоположение 3. Даем заголовок 4. Отмечаем необходимые пункты из списка или произвольные ссылки и добавляем их.

5. После чего сохраняем изменения.

Оцените статью