Выпадающее меню — это компонент, содержащий подчинённые страницы. Для его формирования обязательным условием является наличие как минимум одной родительской страницы, а также хотя бы одной дочерней.
На ресурсах, созданных при помощи CSM WordPress, создание выпадающего меню доступно благодаря заранее встроенным функциям.
Меню в WordPress может иметь два типа:
- Вертикальное;
- Горизонтальное.
Чтобы создать выпадающее меню, необходимо выполнить несколько шагов:
- Перейдите в администраторскую панель WordPress.
- Выберите пункт меню «Внешний вид», затем «Меню».
- Создайте новое меню, если его ещё нет, или выберите существующее.
- Добавьте родительскую страницу в меню, выбрав её из списка страниц.
- Добавьте дочерние страницы, перетащив их немного правее под родительскую страницу.
- Сохраните меню и выберите его местоположение в теме.
Также стоит отметить, что многие темы WordPress имеют различные стили для меню, и вы можете настроить внешний вид вашего выпадающего меню с помощью CSS. Это позволит сделать ваше меню более привлекательным и соответствующим общему дизайну вашего сайта.
Не забудьте протестировать ваше меню на мобильных устройствах, так как некоторые темы могут адаптировать выпадающее меню для лучшего отображения на экранах меньшего размера.
Как создать вертикальное выпадающее меню WordPress
Метод создания вертикального выпадающего меню зависит от установленной на сайте темы, так как в WordPress существуют темы, которые поддерживают произвольное меню, и те, которые этого не делают.
Если текущая тема не поддерживает произвольное меню, в строке меню могут отображаться только рубрики или страницы. В этой ситуации для формирования стандартного меню потребуется создать рубрику или страницу, исходя из того, что присутствует в меню, и назначить для них дочерние элементы.
Создание выпадающего меню в WordPress будет значительно проще, если вы выбираете тему с поддержкой произвольного списка. Для этого следует зайти в административную панель и выбрать раздел «Внешний вид» — «Меню», затем перетащить необходимые рубрики из левой части интерфейса в правую.
Если возникнет необходимость изменить местоположение пунктов в списке, просто перетащите нужный элемент на желаемое место. После завершения всех изменений необходимо не забыть сохранить данные.
При создании вертикального выпадающего меню также стоит учитывать его стилизацию. Вы можете добавить пользовательский CSS, чтобы улучшить внешний вид и удобство использования меню. Например, чтобы сделать его визуально более привлекательным, можно изменить фон, цвет текста и добавить отступы.
Дополнительно, если ваша тема поддерживает встроенные виджеты, вы можете добавить меню в боковую панель, что позволит сделать навигацию еще более доступной для пользователей. Для этого зайдите в раздел «Внешний вид» — «Виджеты» и добавьте виджет «Меню» в нужную область.
Если вам необходимо создать более сложное меню с различными подменю и иерархией, рассмотрите возможность использования плагина, такого как Max Mega Menu или WP Mega Menu. Эти плагины предлагают расширенные функции и позволяют настраивать меню с помощью перетаскивания, а также добавлять различные элементы дизайна.
Не забывайте тестировать ваше меню на мобильных устройствах, чтобы убедиться, что оно также хорошо функционирует на меньших экранах. Возможно, вам будет нужно адаптировать стили под мобильные версии, чтобы улучшить пользовательский опыт.
Как создать горизонтальное выпадающее меню WordPress
Создание данного типа меню осуществляется аналогично вертикальному. Для тем, которые не поддерживают произвольные меню, необходимо выбрать основную страницу и добавить к ней дочернюю. Однако, в отличие от вертикального варианта, к дочерним страницам можно также добавлять подчинённых второго уровня. К примеру, «SPA-процедуры» — это родительская страница, «Антицеллюлитные процедуры» — её дочерняя страница первого уровня, а «Шоколадное обертывание» — уже дочерняя страница второго уровня. Кроме того, к ней также можно подключить новые подчинённые страницы, хотя создавать глубокую вложенность не рекомендуется.
В темах с поддержкой произвольного меню процесс создания аналогичен формированию вертикальных меню, но допускает строгое вертикальное углубление. Для создания горизонтального выпадающего меню вам потребуется разместить элементы меню в разделе «Внешний вид» -> «Меню» в админ-панели WordPress. Убедитесь, что выбранное вами меню назначено на нужное место, например, на основное меню темы.
Создание выпадающего меню в WordPress не является сложной задачей, однако его удобство в использовании может существенно повлиять на поведенческие факторы и, как следствие, на рост трафика сайта. Более подробно о влиянии поведенческих факторов на успех сайта можно узнать здесь. Также вам стоит учитывать, что правильная структура меню помогает пользователям быстрее находить нужную информацию и улучшает юзабилити сайта. Попробуйте экспериментировать с различными стилями и позициями меню, чтобы найти наиболее удобное и привлекательное для ваших посетителей решение.