Как продвинутая система управления контентом, WordPress предоставляет не только инструменты для публикации контента в сети, но и инструменты для создания красивых сайтов. В версии 3.0+ WordPress представил Редактор Меню, который позволяет разработчикам тем предоставлять пользовательский интерфейс создания меню для своих тем.

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

Бесплатные плагины для меню

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

Демо | Скачать | Описание

WP UI — чудесный бесплатный плагин, который позволяет создавать вкладки, спойлеры, диалоги внутри ваших постов или страниц. Он также может добавлять ленты к любому посту или странице. В плагине много встроенных стилей, тем и документации. Мне лично нравится Spoilers или Collapsible – очень удобно, если вы хотите спрятать некоторую часть поста от пользователей и дать им возможность решать, хотят ли они увидеть ее. Он также может быть использован для создания длинных статей со свернутыми частями.

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

Возможности:

  • Создает вкладки, спойлеры, диалоги внутри постов и страниц.
  • Есть встроенные стили и темы, которые можно использовать.
  • Простые в использовании шорткоды.
  • Использует для пользовательского интерфейса jQuery, создавая красивые эффекты проявления и исчезновения.
  • Есть хорошая документация и бесплатная поддержка на сайте плагина.

JQuery Slick Menu WidgetFloating Menu

Jquery Slick Menu Widget — очень простой и очень удобный в использовании WordPress плагин, который позволяет вам добавлять ваши меню как вкладки со сглаженной анимацией их открытия и закрытия. В его названии присутствует слово widget, поскольку фактически это Виджет, и вы можете добавить его в любую область виджетов вашей темы и настроить, как и где вы хотите, чтобы он появлялся. Вы можете добавить много экземпляров этого виджета и создать столько меню, сколько вы хотите.

Демо 1 | Демо 2 | Скачать 1 | Скачать 2 | Описание 1 | Описание 2

При тестировании этого виджета я пробовал создать меню социальных сетей со ссылками на мои профили в соц. сетях. Чтобы сделать это, я создал New Menu (новое меню) и назвал его "SocialProfiles", затем я добавил ссылки на мои профили в социальных сетях и сохранил меню. Затем в интерфейсе Виджетов я выбрал меню, обозначил привязку и смещение, затем сохранил виджет. Он сработал просто как магическое заклинание. Затем я снова зашел в редактор меню и создал другую вкладку для Рубрик, настроив смещение так, чтобы она появлялась под моей вкладкой профилей в соц. сетях.

Возможности:

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

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

Fading Menu Plugin с блоком уведомлений и иконками соц. сетей

Демо | Купить

Fading Menu Plugin от PremiumCoding позволяет вам создавать навигационные меню с эффектом постепенного проявления и блоком уведомлений. Этот плагин решает две проблемы с меню у большинства тем. Во-первых, он делает меню интереснее, а во-вторых, вы можете делать навигационные меню закрепленными. Если использовать с умом, прокручивающееся меню вверху экрана увеличит количество просмотров страниц, произведет положительное впечатление на пользователя и позволит вам показать свой сайт интересным и удобным.

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

Возможности:

  • Использует редактор меню WordPress для управления и редактирования пунктов меню в вашем появляющемся меню.
  • Пользователь может выбрать, где он хочет, чтобы меню появлялось: вверху или внизу.
  • Полностью настраиваемый внешний вид, пользователь может использовать свои скины или использовать существующие, предоставляемые с плагином.
  • Для лучшей типографики можно использовать шрифты из Google Web Fonts API.
  • Можно добавить вверху блок уведомлений, который может показывать последний твит из твиттер-аккаунта, который вы укажете в настройках, или добавить свой текст со ссылками.
  • Можно добавить свои иконки социальных сетей.

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. Вы можете увидеть похожие боковые панели на codecanyon, themeforest и других сайтах envato или на сайте плагина. Sticklr создал на jQuery и CSS панель меню, которая прикрепляется к боковой стороне, когда пользователь прокручивает страницу. Это мощный плагин с очень простым и удобным в использовании интерфейсом администратора. Каждый аспект боковой панели можно просто настроить из админки. У панели по умолчанию есть 2 темы: светлая и темная, вы можете настроить их под себя или даже создать свою собственную.

Возможности:

  • Закрепленный сайдбар в стиле сайтов Envato.
  • Простой интерфейс для создания вашего меню.
  • Можно использовать свои иконки для каждого пункта меню.
  • Пункт меню может быть пунктом навигации, ссылкой, веб-формой, или вы даже можете добавить свой HTML.
  • Размер панели и пунктов меню настраивается.
  • Есть две темы – светлая и темная, если вы в ладах с CSS, вы можете создать свою тему.
  • Настройки плагина можно легко имортировать и экспортировать.

Заключение

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

Источник: WPlift.com

Вам понравился материал?

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

9 комментариев

сначала новые
по рейтингу сначала новые по хронологии

Скажите, а плагин JQuery Slick Menu Widget совмести с 3.7? Я даже не могу найти в админке как попасть в его настройки.

Возможно, есть аналогичные плагины, но которые периодически обновляются?

Судя по http://wordpress.org/plugins/jquery-slick-menu/ плагин не обновлялся почти 3 года.. Вряд ли он полностью совместим с 3.7

А еще можно использовать плагин menu-image, есть на wordpress.org, автор очень отзывчив и помогает поправить стили если что сломалось.

Очень и интересный совет.

Спасибо за интересную, а главное полезную подборку. От себя хочу добавить, что все платные премиум плагины успешно скачиваются на пиратской бухте ;)

Марина

Приобрела плагин WordPress Sticky Menu Plugin. Вот только не смогла разобраться с настройкой. У меня никак не получается настроить раздвижное меню. Не сможете мне помочь?

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

wp-ui хорош, теперь бы ещё научиться свои стили делать к нему)))

Вот то что надо, как раз искал что- то подобное. Мне очень понравился WP UI .