/    /  Комментариев нет

Обновлено:


В этом небольшом уроке мы поработаем с нативным меню в WordPress!


Шаг 1. Разрешим использовать меню WordPress в теме

Чтобы в нашей теме был доступен стандартный, мощный функционал по созданию меню, необходимо включить его в файле functions.php вашей темы.

За включение отвечает функция add_theme_support. По умолчанию при создании новой темы для WordPress возможности работы с «меню» отключены. Чтобы включить возможность управлять навигацией добавьте строку приведенную ниже в файл functions.php:

add_theme_support( 'menus' );

Если файл «function.php» отсутствует — создайте его.


Шаг 2. Создание меню для вордпресс в панели управления

Теперь, когда вы добавили поддержку меню в вашей теме, в пункте «внешний вид» административной панели появится пункт «Меню».

Управление навигационными меню в административной части WordPress

Управление навигационными меню в административной части WordPress

 

Чтобы создать новое меню в wordpress для использования в теме, необходимо ввести его название (можно как на латинице, так и на кириллице):

Создание нового меню в WordPress

Создание нового меню в WordPress

 

После — добавьте в него необходимые пункты, например «Главная», «О компании» и т.д.

Добавлять пункты позволяют блоки «Записи» или «Страницы».

 

Блоки записей, страниц и проивзольных ссылок для вывода пунктов меню в WordPress

Просто выделите необходимые пункты и нажмите кнопку «Добавить в меню».

Не забывайте нажать кнопку «Создать/Сохранить меню».


Шаг 3. Выведем пункты меню в шаблоне

Тут не сложнее предыдущих шагов. Для вывода меню в теме в WordPress предусмотрена специальная функция wp_nav_menu(). Она имеет множество настроек. Среди них есть и параметр «menu=>»», значение которого указывает на то, какое именно меню использовать в конкретном случае, ведь в шаблоне может быть более 1 меню.

Вставьте следующий код, например в файле header.php:

<?php 
    wp_nav_menu( array("menu" => "Новое меню", "menu_class" => "new_menu") );
?>

Мы создали меню в вордпресс в 3 шага

Мы подошли к логическому завершению урока. У нас теперь выводится наше меню с классом «new_menu». Его можно стилизовать с помощью CSS.

У функции wp_nav_menu(), как уже говорилось, есть масса параметров, с помощью которых вы можете более тонко управлять отображением и содержанием. Подробнее об этой функции в кодексе WordPress.



Это стоит посмотреть