Випадаючі меню добре виглядають на сайтах, вони функціональні та зручні для відвідувачів. Коли користувач наводить вказівник миші на елемент меню, у розкривному меню відображається список посилань на сторінки та розділи вашого сайту.
У цьому посібнику для початківців докладно викладено, як створити меню, що випадає, на сайті WordPress.
Навіщо використовувати меню в WordPress
WordPress поставляється із вбудованою системою керування меню, яка дозволяє легко додавати навігаційне меню на ваш сайт WordPress.
Навігаційне меню – це посилання на головні сторінки вашого сайту, які зазвичай відображаються зверху у вигляді горизонтального рядка поряд із логотипом сайту.
Якщо ви починаєте блог або створюєте веб-сайт з кількома сторінками, ви можете додати їх до одного рядка.
Однак, якщо ви запускаєте інтернет-магазин або великий веб-сайт, можна додати додаткові посилання у меню навігації.
Меню, що випадає, допомагають вирішити проблему обмеженого простору, відображаючи посилання меню тільки тоді, коли користувачі наводять вказівник миші на батьківський елемент. Вони також дозволяють організувати структуру меню на теми або ієрархії.
Нарешті вони виглядають досить мило.
Подивимося, як легко створити меню WordPress, що випадає, і додати його на свій веб-сайт.
Крок 1. Вибір теми з підтримкою меню.
WordPress постачається з вбудованою системою керування меню, але відображення цих меню повністю залежить від вашої теми WordPress.
Майже всі теми WordPress за замовчуванням підтримують меню, що випадають. Однак зустрічаються теми, які не підтримують або погано відображають такі меню.
Як дізнатися, чи підтримує тема, що використовується випадаюче меню?
Можна на сайті теми перейти на демо-версію і подивитися, чи показує демо меню в меню навігації. Якщо меню в демо-версії немає, краще пошукати іншу тему WordPress.
Ось кілька відмінних тем, які підтримують меню з коробки.
- Astra – багатоцільова тема WordPress, що поставляється з кількома початковими сайтами та безліччю функцій.
- Теми StudioPress - Професійні теми, створені на основі фреймворку Genesis, високо оптимізовані для підвищення продуктивності.
- OceanWP – популярна тема WordPress, що підходить для будь-яких веб-сайтів.
- Ультра – розроблена на основі Themify Builder, включає красиві шаблони і гнучкі опції теми.
- Divi – популярна тема від Elegant Themes, яка використовує конструктор сторінок Divi та містить безліч функцій перетягування, включаючи меню, що випадають.
Крок 2. Створення меню навігації у WordPress
Перейдіть на вкладку «Зовнішній вигляд» на сторінку «Меню» та натисніть кнопку «Створити нове меню».
Вкажіть ім'я меню навігації. Воно не відображатиметься на вашому сайті. Але воно буде підказкою для вас, коли ви створите кілька меню.
Натисніть кнопку «Створити меню». WordPress створить вам нове порожнє меню.
Додамо верхні посилання у меню навігації. Ці пункти з'являться у верхньому рядку меню.
Виберіть сторінки, які потрібно додати, у лівому стовпці та натисніть кнопку «Додати в меню». Можна вибрати записи в блозі, категорії або додати посилання користувача.
Ці сторінки з'являться у правому стовпчику під новим меню.
Дивіться також:
Як створити потужне меню за допомогою плагіна WP MegaMenu.
Крок 3. Додавання підпунктів у меню
Підпункти – це елементи, які з'являться всередині меню. Залежно від того, як ви бажаєте організувати свої меню, можна додати їх до будь-якого з існуючих пунктів.
Для цього уроку додамо категорії за посиланням у блозі.
Вибираємо елементи, які потрібно додати, у лівому стовпчику, а потім натисніть кнопку «Додати до меню». Вони з'являться у правому стовпці.
Ці посилання відображаються як звичайні елементи, ми хочемо зробити їх підпунктом батьківського меню.
Можна просто перетягнути елемент меню та помістити його під батьківський елемент. Перемістіть його вправо, і він стане підпунктом.
Повторіть процес для всіх посилань, які хочете показати в меню, що розкривається.
Не забудьте натиснути кнопку «Зберегти меню».
Крок 4. Публікація меню, що випадає
Якщо ви редагуєте меню, яке вже є на вашому сайті, воно одразу з'явиться на вашому сайті.
Однак, якщо це нове меню, необхідно вибрати місцезнаходження меню на сайті, передбачене темою.
Теми WordPress можуть відображати меню у різних місцях. Кожна тема визначає власні розташування меню, і ви можете вибрати, яке меню ви хочете відобразити там.
Знайдіть цю опцію в правому стовпчику в розділі "Налаштування меню". Виберіть опцію поруч із параметром «Показати розташування» та натисніть кнопку «Зберегти меню».
Тепер перейдіть на свій веб-сайт, і подивіться на меню, що випадає в дії.
Поради щодо створення інтерактивних випадаючих меню
Навігаційні меню важливі, тому що це перше місце, де ваші користувачі шукатимуть необхідну їм інформацію. Правильне меню допоможе користувачам орієнтуватись на вашому сайті.
Меню також допоможе отримати більше переглядів сторінок, конверсій та продажів на вашому сайті.
Декілька порад про те, як зробити ваші навігаційні меню більш інтерактивними за допомогою меню:
1. Створіть багаторівневі меню, що випадають.
Якщо зробити посилання під елементом іншого посилання, воно з'явиться у меню, що випадає. Ви також можете додати підпункт нижче іншого підпункту, створивши багаторівневі меню.
Ваша тема автоматично відобразить їх у вигляді підменю всередині меню.
2. Кілька меню, що випадають
Ви можете створити список, що розкривається, під будь-яким верхнім посиланням у вашому меню. І можете додати кілька меню в головному меню навігації.
3. Меню із попереднім переглядом
Якщо ваше меню стає занадто складним, ви можете перейти на візуальний попередній перегляд. Перейдіть у вкладку Зовнішній вигляд »Налаштування та запустіть налаштування активної теми.
Звідти натисніть на вкладку «Меню» та виберіть меню навігації. Тепер ви побачите редактор перетягування у лівому стовпці з попереднім переглядом вашого сайту у правій панелі.
4. Велике Мегаменю у вигляді меню в WordPress
У меню, що розкривається, відображається лише один список, що розкривається за раз. Що, якщо ви хочете показати повну структуру вашого сайту у вигляді Мегаменю, яке з'являється лише тоді, коли користувачі наводять курсор на головне меню?
Мега-меню відображаються у вигляді меню, що випадає, але вони можуть відображати набагато більше посилань, підменю і багато іншого.
Сподіваємося, що ця стаття допомогла вам розібратися з меню на сайтах WordPress і навчила легко створювати меню, що випадає.
Джерело: wpbeginner.com
Коментарі до запису: 0