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

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

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

Выпадающее меню WordPress с контактами

    Содержание:

 

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

 

Добавляем выпадающее меню через консоль

Для начала переходим в консоль WordPress, ищем Внешний вид и кликаем на вкладку Меню

 

 

В открывшемся окне вы увидите все ваши страницы, я для наглядности создал 3 тестовые. 

 

 

Да и не забудьте поставить галочку в графе Область отображения. 

Обратите внимание, в какой последовательности стоят страницы друг за другом, в такой они и будут отображаться в вашем меню! 

Давайте привяжем их к странице Задать вопрос и расположим в порядке Страница 1 – Страница 2 – Страница 3. Для этого меняем их местами просто зажав левую кнопку мыши(ЛКМ) и перетащив. Затем также зажимаем ЛКМ и перетаскиваем чуть вправо наши страницы, появится подпись дочерний элемент. Должно получиться вот так:

 

 

Нажимаем сохранить и проверяем.Пример. Выпадающее меню WordPress

Отлично, всё работает!

 

Как сделать страницы со ссылками

Если вы хотите создать страницы со ссылками на мессенджеры или сторонний сайт, делается это так же в этом меню. Заходим чуть ниже в Произвольные ссылки (покажу на примере Telegram) и заполняем все нужные поля, жмём Добавить в меню.

 

 

Таким же методом перетаскиваем стр. Telegram под нашу страницу Задать вопрос и у нас уже будет страница при клике на которую человек перенаправится на наш Telegram.

 

Выпадающее меню WordPress

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

 

Редактируем меню через плагин

Воспользуемся плагином Max Mega Menu. Для начала установите его, активируйте и сразу же переходите в консоль, Внешний вид, Меню.

 

 

 

Откроются сразу же настройки плагина. В колонке Включено ставим галочку, графа Событие – устанавливаем при каком условии появляется меню(клик, наведение). Эффект – выбираем варианты появления и время, Effect(Mobile) – то же самое для смартфонов, далее жмём Сохранить.

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

Тут вы сможете в Режиме отображения подменю выбрать вид(горизонтальное, вертикальное). Добавить любой виджет, через правую, верхнюю панель. Во вкладке Settings настройки элементов(скрытие стрелок, ссылок, иконок и т.д.). В разделе Icon можно добавить абсолютно любую иконку под разные вкладки.

Так же в консоли найдите плагин Мега меню и перейдите в раздел Темы меню. 

 

 

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

Настраивайте своё выпадающее меню в WordPress и делайте свой сайт удобнее и функциональнее.

Надеюсь был полезен, до скорого…

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

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