WordPress logoДанный блог создан с помощью CMS (система управления контентом) WordPress. Очень популярная CMS, собственно – самая популярная. Лучше всего подходит для блоговых целей. Она заточена для того, чтобы установить – и начать публикации. Про основные шаги в этой CMS я уже рассказывал. Сегодня – расскажу о еще одной интересной штуке, о которой я узнал вчера.

О сегодня хочу рассказать о том, как сделать выпадающее меню в WordPress. Хоть у меня блог о личном развитии, вопросы создания и развития данного сайта тоже нужно поднимать и освещать, они тоже относятся к сфере развития. Да и знания CMS WordPress мне тоже могут когда-нибудь пригодится. Так что приступим.

Как сделать выпадающее меню в WordPress

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

ШАГ 1: Заходим в консоль вашего блога (админский раздел: адресСайт/wp-admin), либо – сверху слева можно навести курсор на название сайта и подождать секунду, появится выпадающий список, где нажать на пункт «Консоль»:MP1

ШАГ 2: Открывается консоль сайта. Там, в левом меню выбираете пункт внешний вид (так же нужно навести мышку и подождать долю секунды). Появится выпадающее меню, в котором нужно выбрать пункт «Меню»:

MP2

ШАГ 3: Откроется ваше существующее меню (у меня в нем четыре пункта), у вас – ваши пункты будут:

MP3

ШАГ 4: Теперь нужно, для начала, настроить меню так, чтобы были подменю – в одном пункте содержались другие. Сделать можно несколькими способами. В блоке слева (выделен зеленым прямоугольником на картинке выше) можно либо добавить определенную «Запись» в пункт меню, либо – создать «Произвольную ссылку», либо – добавить «Рубрику».

Вот с рубрикой давайте и поэкспериментируем. Выбираем этот пункт (кликаем на него мышкой) – открывается список ваших рубрик. Я выбрал рубрику «Публичные выступления», «Истории успеха» и «Книги». Ставим галочки около выбранных рубрик и нажимаем кнопку «Добавить в меню» — выбранные рубрики будут добавлены в меню:

MP4

ШАГ 5: Но нам же нужно сделать выпадающее меню в WordPress – значит, нам нужно внести какие-то пункты меню в другое меню. Для этого захватываем (кликаем и не отпускаем) левой клавишей мыши на пункте меню, который мы хотим ВНЕСТИ в другое меню и тащим его на это меню. Получается следующее:

MP5

Я сделал следующую структуру меню:

MP6

ШАГ 6: Теперь нужно сделать так, чтобы меню было выпадающим. В WordPress это делается банально – нужно поставить галочку около предложения «Автоматически добавлять в это меню новые страницы верхнего уровня», оно ниже меню располагается:

MP7

ШАГ 7: Все! Нажимаем кнопку «Сохранить меню» и переходим на сайт – проверяем результат:

MP8

В моем случаем есть двойная вложенность (при наведении на подменю «Публичные выступления» появляется пункт «Истории успеха»).

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