WordPress плагіни для організації меню

Як просунута система керування контентом, WordPress надає не лише інструменти для публікації контенту в мережі, але й інструменти для створення красивих сайтів. У версії 3.0+ WordPress представив Редактор Меню, який дозволяє розробникам тим надавати інтерфейс користувача створення меню для своїх тем.

Але є деякі речі, які цей редактор меню робити не може. Налаштування виду меню також складне для середнього користувача WordPress. У цій статті ми розглянемо деякі плагіни, які розширюють функціональність меню WordPress та дозволяють адміністраторам створювати більш сучасні навігаційні меню на своїх сайтах.

Безкоштовні плагіни для меню

WP UI – вкладки, гармошки, слайдери

 Завантажити

WP UI — чудовий безкоштовний плагін, який дозволяє створювати вкладки, спойлери, діалоги всередині постів або сторінок. Він також може додавати стрічки до будь-якого посту або сторінки. У плагіні багато вбудованих стилів, тем та документації. Мені особисто подобається Спойлери або Розбірний – дуже зручно, якщо ви хочете сховати деяку частину посту від користувачів та дати їм можливість вирішувати, чи бажають вони її побачити. Він також може бути використаний для створення довгих статей зі згорнутими частинами.

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

можливості:

• Створює вкладки, спойлери, діалоги всередині постів та сторінок.
• Є вбудовані стилі та теми, які можна використовувати.
• Прості у використанні шорткод.
• Використовує для інтерфейсу jQuery, створюючи красиві ефекти прояву і зникнення.
• Є хороша документація та безкоштовна підтримка на сайті плагіна.

JQuery Slick Menu Widget / Плаваюче меню

Jquery Slick Menu Widget - дуже простий і дуже зручний у використанні WordPress плагін, який дозволяє вам додавати ваші меню як вкладки зі згладженою анімацією їх відкриття та закриття. У його назві є слово віджет, оскільки фактично це Віджет, і ви можете додати його до будь-якої області віджетів вашої теми і налаштувати, як і де ви хочете, щоб він з'являвся. Ви можете додати багато екземплярів цього віджету та створити стільки меню, скільки ви хочете.

Демо 1 | Демо 2 | Завантажити1 | Завантажити2 | Опис1 | Опис2

При тестуванні цього віджету я намагався створити меню соціальних мереж з посиланнями на мої профілі в соц. мережах. Щоб зробити це, я створив Нове меню (нове меню) і назвав його "SocialProfiles", потім я додав посилання на мої профілі у соціальних мережах і зберіг меню. Потім в інтерфейсі Віджетів я вибрав меню, позначив прив'язку та усунення, потім зберіг віджет. Він спрацював просто як магічне заклинання. Потім я знову зайшов до редактора меню і створив іншу вкладку для Рубрик, налаштувавши зміщення так, щоб вона з'являлася під моєю вкладкою профілів у соц. мережах.

можливості:

• Показує меню WordPress у вигляді плавних вкладок на jQuery.
• Вкладки, що перемикаються, можуть бути розміщені де завгодно за допомогою налаштування прив'язки та зміщень в налаштуваннях віджету.
• Ви можете додати багато екземплярів віджету, щоб додати більше вкладок на вашу сторінку.
• Є 12 різних стилів на вибір, користувачі можуть додавати свої стилі за бажанням.
• Швидкість анімації може налаштовуватись.
• Вкладка може закриватися сама або кнопка закриття, щоб користувач закривав її вручну.
• Плагін простий у використанні, хоча автор має розглянути варіант подальшого розвитку, надаючи більше опцій анімації.

Преміум плагіни для меню

Fading Menu Plugin з блоком повідомлень та іконками соц. мереж

демо | Купити

Fading Menu Plugin від PremiumCoding дозволяє створювати навігаційні меню з ефектом поступового прояву та блоком повідомлень. Цей плагін вирішує дві проблеми з меню у більшості тем. По-перше, він робить меню цікавішим, а по-друге, ви можете робити навігаційні меню закріпленими. Якщо використовувати з розумом, меню, що прокручується, вгорі екрана збільшить кількість переглядів сторінок, справить позитивне враження на користувача і дозволить вам показати свій сайт цікавим і зручним.

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

можливості:

• Використовує редактор меню WordPress для керування та редагування пунктів меню у вашому меню.
• Користувач може вибрати, де хоче, щоб меню з'являлося: вгорі чи внизу.
• Зовнішній вигляд, що повністю налаштовується, користувач може використовувати свої скіни або використовувати існуючі, що надаються з плагіном.
• Для кращої друкарні можна використовувати шрифти з API веб-шрифтів Google.
• Можна додати вгорі блок сповіщень, який може показувати останній твіт із твіттер-акаунта, який ви вкажете в налаштуваннях, або додати текст із посиланнями.
• Можна додати іконки соціальних мереж.

UberMenu — WordPress плагін для мега меню

демо | Купити

UberMenu – чудовий плагін для створення та покращення меню вашого сайту. Він добре працює з існуючими меню WordPress, які включені до вашої теми. У ньому є багато варіантів налаштувань, які дозволять вам створювати різні типи меню з налаштованими підменю та красивими стилями. Свій HTML, картинки, опис, текст і все, що завгодно може бути додано до пункту меню. Це дозволяє створювати круті підменю та покращити враження користувача від сайту.

UberMenu використовує дизайн, який робить ваше меню повністю сумісним із різними пристроями, наприклад, смартфонами та планшетами. В нього є 20 встановлених стилів, з яких ви можете вибрати, ви також можете створити свій стиль. Що найбільше сподобалося мені в UberMenu, це те, що його можна використовувати для створення як горизонтальних, так і вертикальних меню. Використання вертикального меню означає, що вам, можливо, доведеться трохи підкоригувати вашу тему, але якщо ви зможете це зробити, у вас може бути фантастичне меню праворуч, яке зробить навігацію відмінною від інших сайтів. UberMenu — це також добре документований плагін з підтримкою на сайті розробника.

можливості:

• Багато налаштувань, простий у налаштуванні.
• Потрібна тема із включеним WordPress Menu.
• Підхід до дизайну робить UberMenu сумісним зі смартфонами та планшетами.
• 20 вбудованих стилів для початку, свої стилі також можуть бути додані.
• Підменю можуть містити багато різних видів пунктів меню, ширину, кілька колонок, картинки, свій HTML код, і т.д.
• Підтримує і горизонтальне, і вертикальне меню.
• Меню можна розміщувати вгорі або внизу сторінки.
• Відмінна підтримка кросбраузерності, добре працює з більшістю сучасних браузерів.

WordPress Sticky Menu Plugin

демо | Купити

В останній рік багато популярних сайтів додали до своїх інтерфейсів закріплену верхню навігацію. Цей навігаційний блок прикріплений до верху відкритої сторінки і дозволяє користувачеві набагато зручніше переходити до різних розділів, здійснювати пошук, підписку на сайт. WP Sticky Menu надає рішення для створення таких меню для вашого сайту, незалежно від вашої теми.

WordPress Sticky Menu використовує систему меню користувача WordPress. Це означає, що ви можете створити своє меню WordPress і налаштувати Sticky Menus в панелі налаштувань. Sticky Menus має декілька вбудованих стилів, але ви також можете створювати свої стилі. Можливість, яка мені подобається найбільше, це можливість створення мега меню. Багато посилань та корисної інформації можна розмістити в мега меню без шкоди для користувача.

можливості:

• Підтримує редактор меню WordPress для створення меню користувача.
• Є 8 вбудованих стилів.
• Меню можна розмістити вгорі та внизу.
• Ширину меню можна вказати у налаштуваннях.
• Є кілька вбудованих ефектів анімації на вибір.

Sticklr WP – WordPress плагін для закріпленої бічної панелі

демо | Купити

Sticklr WP – плагін, що створює закріплену бічну панель. Творці плагіна надихнулися сайтами Envato. Ви можете побачити схожі бічні панелі на кодеканьйон, ThemeForest та інших сайтах envato або на сайті плагіна. Sticklr створив на jQuery и CSS панель меню, що прикріплюється до бокової сторони, коли користувач прокручує сторінку. Це потужний плагін з дуже простим та зручним у використанні інтерфейсом адміністратора. Кожен аспект бічної панелі можна легко налаштувати з адмінки. Панель за замовчуванням має 2 теми: світла і темна, ви можете налаштувати їх під себе або навіть створити свою власну.

можливості:

• Закріплений сайдбар у стилі сайтів Envato.
• Простий інтерфейс для створення меню.
• Можна використовувати іконки для кожного пункту меню.
• Пункт меню може бути пунктом навігації, посиланням, веб-формою або ви навіть можете додати свій HTML.
• Розмір панелі та пунктів меню налаштовується.
• Є дві теми - світла і темна, якщо ви ладні з CSS, ви можете створити свою тему.
• Налаштування плагіна можна легко імортувати та експортувати.

Висновок

Навігаційні меню використовуються, щоб зробити сайт зручнішим для переміщення по ньому. Мета має бути така: зробити інформацію, якою ви хочете поділитися, швидко доступною. Оскільки у вас можуть бути меню, що випадає, це не означає, що вам потрібно додати всі двісті постів блогу в меню, що випадає. Використовуйте цей простір для того, щоб ділитися важливим та корисним контентом вашого сайту.

Джерело: WPlift.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/