Горизонтальне меню, що випадає супер плагін! Топ

Встановити супер плагін Max Mega Menu ви зможете прямо з адмін-панелі WordPress. Перейдіть на сторінку: Модулі - Додати новий. введіть назву плагіна в форму пошуку, натисніть Enter, встановіть і активуйте плагін.

Далі, після установки і активації плагіна, перейдіть на сторінку: Mega Menu. Тут ви зможете налаштувати основні параметри плагіна.

- Click Event Behaviour, поведінка при кліці. Тут у вас на вибір два варіанти:

• First click will open a sub menu, second click will close the sub menu. перший клік відкриває підміню, друге натиснення закриває підміню;
• First click will open a sub menu, second click will follow the link. перший клік відкриває підміню, другий клік по посиланню.
• Залиште за умовчанням, нічого не міняйте.

- Mobile Menu Behaviour, поведінка на мобільному меню,

• Standard - Open sub menus will remain open until closed by the user. Стандарт - відкрите підміню залишатиметься відкритим, поки його не закриє користувач.
• Accordion - Open sub menus will automatically close when another one is opened. Акордеон - відкриті підміню буде автоматично закриватися, коли інше відкрито.

- CSS Output, залиште за умовчанням, нічого не треба міняти тут.

- Menu Item Descriptions, включити або відключити опис для пунктів меню.

- Active Menu Instances, Деякі теми будуть виводити розташування меню кілька разів на одній сторінці. Наприклад, ваша тема може виводити розташування меню після головного меню, потім знову для мобільного меню. Цей параметр можна використовувати, щоб переконатися, що меню Max Mega Menu застосовується тільки до одного з цих примірників.

- Збережіть зроблені зміни.

- Select theme to edit, тут вказано меню, яке ви будете редагувати. Можна створити і вибрати інше меню.

- Theme Title, заголовок теми меню, залиште за умовчанням.

- Arrow, можна вибрати стрілку, яка відображається в пункті меню з випадає меню.

- Line Height, лінія висоти.

- Z Index, показник Z Index, можна залишити за замовчуванням.

- Shadow, можна налаштувати тінь меню.

- Hover Transitions, включити переходи при наведенні на пункти меню.

- Reset Widget Styling, відключити стилі віджетів Mega Menu.

- Menu Height, висота меню.

- Menu Background, колір фону меню.

- Menu Padding, оббивка меню.

- Menu Border Radius, радіус кордону меню.

- Menu Items Align, розташування пунктів меню.

- Menu Item Background, колір фону пунктів меню.

- Menu Item Background (Hover), колір фону пункту меню при наведенні.

- Menu Item Spacing, інтервал пунктів меню.

- Font, параметри шрифту, колір, розмір, розташування, сімейство і т.д.

- Font (Hover), параметри шрифту при наведенні.

- Menu Item Padding, оббивка пунктів меню.

- Menu Item Border, параметри кордону пункту меню.

- Menu Item Border (Hover), параметри кордону пункту меню при наведенні.

- Menu Item Border Radius, параметри радіуса кордону пункту меню.

- Menu Item Divider, роздільник меню.

- Highlight Current Item, виділяти поточний пункт меню.

- Panel Background, колір фону меню, що випадає.

- Panel Width, ширина вікна меню, що випадає.

- Panel Padding, оббивка.

- Panel Border, колір і розмір кордонів.

- Panel Border Radius, радіус кордону.

- Item Padding. оббивка пункту меню в випадаючому меню.

- Heading Font, параметри шрифту заголовка віджета в випадаючому меню.

- Heading Padding, оббивка заголовка.

- Heading Margin, відступи від меж заголовка віджета.

- Header Border, параметри кордону бордюру.

- Content Font, шрифт в змісті віджета.

Second Level Menu Items.

- Font, шрифт пунктів меню другого рівня.

- Font (Hover), шрифт при наведенні.

- Background (Hover), колір фону при наведенні.

- Border, бордюр, межа.

Third Level Menu Items. Ті ж налаштування, тільки для пунктів меню третього рівня.

- Menu Background, колір фону меню, що випадає другого або третього рівня.

- Menu Width, ширина меню.

- Menu Padding, оббивка.

- Menu Border, межа.

- Menu Border Radius, радіус кордону.

- Item Background, колір фону пункту меню.

- Item Background (Hover), колір фону пункту при наведенні.

- Item Height, висота пункту меню.

- Item Padding, оббивка пункту.

- Item Font, шрифт тексту в пункті меню.

- Item Font (Hover), шрифт при наведенні.

- Item Divider, роздільник елемента.

- Toggle Bar Designer, тут показано як виглядає меню на мобільних пристроях.

- Responsive Breakpoint, ширина для переходу в мобільне меню.

- Toggle Bar Background, колір фону кнопки відкриття мобільного меню.

- Disable Mobile Toggle, можна відключити перемикач меню.

- Toggle Bar Height, висота перемикача мобільного меню.

- Mega Menu Columns, скільки колонок в випадаючому меню на мобільному сайті.

- Menu Background, колір фону мобільного меню.

- Menu Item Height, висота пункту меню.

Custom Styling. Тут можна додати свої CSS стилі для меню.

- Збережіть зроблені зміни.

- Registered Menu Locations, тут ви зможете створювати області меню, в які потім зможете додавати меню. Щоб створити область для меню, натисніть на кнопку - Add another menu location.

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

На сторінці: Зовнішній вигляд - Меню - Управління областями. ви зможете додати меню для області.

- Cache, тут можна очистити кеш CSS, не обов'язково, кеш автоматично очищається при кожному збереженні меню.

- Plugin Data, видалити всі дані плагіна, збережені в базі даних WordPress. Тільки в разі видалення плагіна!

- Export Theme, можна експортувати тему мега меню в форматі JSON або PHP.

- Import Theme, можна імпортувати тему мега меню.

Далі, щоб створити горизонтальне меню, що випадає, перейдіть на сторінку: Зовнішній вигляд - Меню. Зліва у вас з'явиться віджет «Max Mega Menu Settings».

- Enable, поставте тут галочку, щоб включити мега меню.

- Event, тут можна вибрати як буде відкриватися меню, що випадає.

- Effect, можна вибрати ефект для меню, що випадає.

- Theme, тема меню, за умовчанням.

Після включення мега меню, в кожному віджеті сторінки, при наведенні, з'явиться кнопка - Mega Menu. Натисніть на цю кнопку, щоб налаштувати меню, що випадає для даного пункту меню.

Далі, у вас відкриється вікно. Вгорі праворуч натисніть по широкому полю, щоб вибрати віджет і додати його в меню. Вгорі праворуч ви можете вибрати скільки буде колонок в випадаючому меню. Віджети можна розподіляти по випадає панелі, можна вказати яку частину віджет буде займати, приклад 1/2 або 1/3. Тисніть по стрілках вправо і вліво, щоб вказати яку частину займатиме віджет.

Далі, ліворуч перейдіть на вкладку - Settings. Тут можна налаштувати додаткові параметри:

- Hide Text, приховати текст з пункту меню.

- Hide Arrow, приховати стрілку.

- Disable Link, відключити посилання.

- Hide item on Mobile, приховати пункт меню на мобільних пристроях.

- Hide item on Desktop, приховати пункт меню на комп'ютерах.

- Menu item Align, розташування пункту меню.

- Sub Menu Align, розташування меню другого рівня.

- Hide sub menu on Mobile, приховати меню другого рівня на мобільних пристроях.

- Збережіть зміни.

Далі, ліворуч перейдіть на вкладку - Icon. Тут можна вибрати іконку, яка буде відображатися поруч з пунктом меню.

Все готово ! Збережіть меню, перейдіть на сайт і насолоджуйтеся результатом!

Увага ! Після включення мега меню, стиль вашого меню за замовчуванням буде повністю змінений. Вам потрібно буде налаштовувати стиль меню в настройках, на вкладці «Menu Themes».

Дивіться ще!

Ощадбанк онлайн

Найкращі !

Інтернет для просунутих

iPhone 7 Plus RED Special Edition

Створити сайт безкоштовно!

природне просування

оптимізація сайту

прискорення сайту

захист сайту

Просування в соцмережах

Супер плагіни Wordpress

WooCommerce від А до Я!

Записи по Windows 10

Комп'ютер для чайників