Создание и настройка меню в WordPress

СОЗДАНИЕ МЕНЮ В WORDPRESS

1. ДЛЯ НАЧАЛА НЕОБХОДИМО ПЕРЕЙДИТЕ В ПАНЕЛИ АДМИНИСТРАТОРА В ВНЕШНИЙ ВИД — МЕНЮ

 

2. Теперь необходимо создать меню, для этого нажимаем по «Создайте новое меню»

   
3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку «Создать 
меню»

4. Меню создано. Теперь необходимо добавить нужные Вам страницы, записи, метки, рубрики и т.п. в меню WordPress. Для этого нужно выбрать необходимый пункт, например «Страницы» и отметить галочками те, которые Вы хотите добавить. После этого нажимаем «Добавить в меню»

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

Важно!

Если Вы не видите в списке нужные пункты, нажмите в верхнем правом углу «Настройка экрана» и проставьте галочки на необходимых пунктах. После этого они появятся в списке и вы сможете добавить их в меню
5. Для того, чтобы созданное меню отображалось на главной странице сайта WordPress, необходимо перейти в «Управление областями» и выбрать в списке созданное нами меню, после чего нажать «Сохранить изменения»

Вот и все! Как видите, всего за несколько шагов можно легко создать новое меню в WordPress.

ПОРЯДОК РАЗМЕЩЕНИЯ МЕНЮ В WORDPRESS

ДЛЯ ТОГО ЧТОБЫ ИЗМЕНИТЬ ПОРЯДОК ПУНКТОВ В МЕНЮ, НЕОБХОДИМО ЗАЖАТЬ ЛЕВОЙ КНОПКОЙ МЫШИ НУЖНЫЙ НАМ ПУНКТ И ПЕРЕТЯНУТЬ ЕГО ВЫШЕ ИЛИ НИЖЕ. ДЛЯ СОХРАНЕНИЯ ИЗМЕНЕНИЙ НАЖМИТЕ «СОХРАНИТЬ МЕНЮ»

В этом примере страницу «Роланд Дискейн» передвигаем в меню после «Добавление видео»

СОЗДАНИЕ ВЫПАДАЮЩЕГО МЕНЮ В WORDPRESS

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

 В ЭТОМ ПРИМЕРЕ СТРАНИЦУ «ПРИМЕР СТРАНИЦЫ» ДЕЛАЕМ ВЫПАДАЮЩИМ ПОДМЕНЮ ДЛЯ ПУНКТА МЕНЮ «РОЛАНД ДИСКЕЙН»

НАСТРОЙКА ВНЕШНЕГО ВИДА МЕНЮ

Теперь давайте рассмотрим подробнее html код нашего меню:

• Все меню по умолчанию заключено в div с классом menu-menu-container.

•  Дальше идет список ul с классом menu.

• Каждый пункт меню заключен в li со многими классами, но нам интересны два класса menu-item и current-menu-item (этот класс только у текущего пункта меню)

• Подпункты определенного пункта заключены в список ul с классом sub-menu.

• Каждый подпункт заключен в li с теми же классами, что и пункты родительского меню

Теперь изменяя CSS свойства данных классов мы с легкостью можем привести наше меню к любому виду. Еще раз напомню, что приведенные классы для меню – это автоматически генерируемы классы по умолчанию WordPress.

В данной статье мы с Вами рассмотрели как создать меню в WordPress, как создать пункты и подпункты меню в WordPress. А также затронули основные CSS-классы меню WordPress