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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Создайте несколько выпадающих меню

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

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

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

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

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

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

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

Данная публикация представляет собой перевод статьи «How to Create a Dropdown Menu in WordPress (Beginners Guide)» , подготовленной дружной командой проекта Интернет-технологии.ру

Меню