Как в WordPress создать выпадающее меню (руководство для начинающих)

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

Зачем использовать выпадающие меню в WordPress?

Как в WordPress создать выпадающее меню(руководство для начинающих)

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

Как в WordPress создать выпадающее меню(руководство для начинающих)

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

Как в WordPress создать выпадающее меню(руководство для начинающих)

Выбор темы оформления с поддержкой выпадающего меню

Почти все темы оформления WordPress по умолчанию поддерживают выпадающие меню. Но не все. Так что необходимо убедиться, что используется тема, которая поддерживает выпадающие меню. Вот пару из них:

  • Astra.
  • Темы StudioPress.
  • OceanWP.
  • Ultra.
  • Divi.

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

Шаг 1. Создание меню навигации в WordPress

Перейдите в меню « Внешний вид» — «Меню» и нажмите кнопку « Создать новое меню».

Как в WordPress создать выпадающее меню(руководство для начинающих)

Далее введите название меню навигации.

Как в WordPress создать выпадающее меню(руководство для начинающих)

Далее нажмите кнопку « Создать меню». После этого WordPress создаст новое пустое меню.

Чтобы добавить в меню навигации ссылки верхнего уровня, выберите страницы, которые вы хотели бы добавить в меню. Это можно сделать в левом столбце. Далее нажмите кнопку « Добавить в меню».

Как в WordPress создать выпадающее меню(руководство для начинающих)

После этого выбранные вами ссылки появляются в правом столбце и созданном меню.

Шаг 2. Добавление подпунктов в меню

В рамках этого руководства мы добавим в подпункты категории материалов блога. Для этого выберите в левом столбце элементы, которые вы планируете добавить в меню и нажмите « Добавить в меню».

Как в WordPress создать выпадающее меню(руководство для начинающих)

Но пока данные ссылки будут выводиться как обычные пункты меню. Их необходимо сделать подпунктами путем перетаскивания под родительский элемент.

Как в WordPress создать выпадающее меню(руководство для начинающих)

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

Шаг 3. Опубликуйте выпадающее меню

Темы оформления WordPress могут выводить меню в различных местах. Каждая тема оформления поддерживает определенные области для размещения меню. Они перечислены в разделе « Параметра меню». Выберите вариант рядом с настройкою « Область выведения» и нажмите кнопку « Сохранить меню».

Как в WordPress создать выпадающее меню(руководство для начинающих)

Сейчас посетите веб-сайт, чтобы увидеть выпадающее меню в действии.

Как в WordPress создать выпадающее меню(руководство для начинающих)

Советы по созданию интерактивных выпадающих меню

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

1. Используйте многоуровневые выпадающие меню

Можно добавить подпункт ниже иного подпункта, чтобы создать многоуровневое выпадающее меню.

Как в WordPress создать выпадающее меню(руководство для начинающих)

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

Как в WordPress создать выпадающее меню(руководство для начинающих)

2. Создайте пару выпадающих меню

Вы можете без труда создать выпадающий список для любого пункта меню верхнего уровня. А также добавить сразу же пару выпадающих меню в главное меню навигации.

Как в WordPress создать выпадающее меню(руководство для начинающих)

3. Создавайте меню при помощи предварительного просмотра

Если меню становится слишком сложным, можно без проблем переключиться на визуальный предварительный просмотр. Для этого перейдите в меню « Внешний вид» – «Изменить».

Далее перейдите на вкладку « Меню» и выберите необходимое меню навигации. После этого вы увидите визуальный редактор с областью предварительного просмотра веб-сайта.

Как в WordPress создать выпадающее меню(руководство для начинающих)

4. Создание большой навигации в виде выпадающего меню WordPress

Как в WordPress создать выпадающее меню(руководство для начинающих)

Мегаменю выводятся в виде выпадающего меню. Но они могут выводить намного больше ссылок, подменю и многое иное.

Мы надеемся, что эта статья помогла вам понять, как создать выпадающее меню в WordPress.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *