WordPress, Плагины, Полезные советы        16 декабря 2015        2314         1

Как сделать красивые меню в WordPress плагинами и без.

Как сделать красивые меню в WordPress плагинами и без.Возможности кастомизации движка WordPress практически безграничные – все зависит от вашей фантазии и возможностей. Я часто натыкаюсь на необычную реализацию «повседневных» модулей и функций рыская по просторам интернета.

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

Сам принцип создания меню в WordPress  очень простой.

1. Заходим в админку в меню внешний вид

2. Выбираем меню

3. Задаем новое меню и даем ему название или редактируем старое.

создать меню в WordPress

4. После внесение правок не забываем сохранить изменения.

5. Если мы создаем ТОП меню то нужно пройти в “Управление областями” и прописать его там.

6. Если это меню для сайт-бара то вставляем его через виджеты.

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

Некоторые настолько «переделывают» свой сайт, что узнать с первого взгляда и даже спустя множество часов использования в нем WordPress не удается. Возникает вопрос – как сделать для себя также?

А знаний в CSS нет!

Первое решение, можно поставить хорошую премиум тему и бесплатно.

Второй ответ:

Учитывая, что это наш любимый WordPress – найти подходящий плагины.

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

clip_image002

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

Стандартными средствами движка вы можете лишь создать категории/подкатегории и вывести их в «древовидном» стиле, это неинтересно и типично – такое можно видеть сплошь и рядом. Конечно, иногда и этого хватает, но если нужно, к примеру, для каждой категории сделать иллюстрацию или небольшое пояснение рядом, притом, чтобы это выглядело уместно и было практичным?

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

Меню – основа для навигации пользователей, особенно важно это на сайтах коммерческой тематики, к примеру, если это «визитка» компании, которая занимается продажей товаров/услуг, нужно чтобы потенциальный покупатель с максимальной легкостью отыскал то, что его интересует. Плагины меню для WordPress, о которых я расскажу сегодня, позволяют это сделать, причем достаточно просто, некоторые из них платные, но, по моему мнению, не так уж критично заплатить несколько долларов за использование нужного модуля.

Плагины меню для WordPress:

UberMenu:

clip_image004

Один из лучших с точки зрения функциональности, то, как он работает – можете глянуть «воочию» на официальном сайте разработчиков //wpmegamenu.com/. Его главная особенность состоит в том, что меню можно снабдить кучей различных «плюшек», к примеру, в раздел «контакты» кроме основных пунктов добавить ещё и карту проезда, в качестве иллюстраций к категориям можно использовать красивые картинки.

clip_image006

Настраивается это все из админки, причем очень легко, по моему мнению UberMenu крайне необходим тем сайтам, которые часто делятся с посетителями различного-рода контентом: видео, аудио, картинки. С помощью данного плагина меню будет на 100% понятно даже для тех, кто впервые заглянул к вам на сайт или попросту «не разбирается в интернете». В общем говоря – плагин делает сайт визуально-понятным и от вас не потребуется инструкций, вроде «зайдите туда-то и туда-то», человек сам сориентируется.

На данный момент – это «дополнение» платное и обойдется вам в ~18 долларов, вместе с самим плагином вы получите от разработчиков дополнительные иконки и картинки для кастомизации меню в WordPress.

Stripe:

clip_image008

Плагин тоже платный – обойдется в сумму равную 14 долларам, но имеет совершенно другие цели и функции. Он минималистичен – в Stripe главным остается «незаметность» меню, при этом простая и красивая организация оного, чтобы человек, когда захочет зайти в «контакты» или любую другую категорию, без проблем отыскал её.

Стоить отдать должное художникам – они нарисовали красивые кнопки и анимацию, при наведении курсора на определенный пункт меню, ему отдается весь акцент, остальные же части «тускнеют» и отодвигаются на второй план.

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

JQuery Vertical Mega Menu Widget:

clip_image009

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

Для крупного проекта, конечно же, WordPress не сильно годится, но небольшой интернет-магазин создать на основе этого меню можно. Если у вас 20-30 позиций в нескольких категориях, к примеру.

 

P/S.Есть еще в сети интересные сервисы для генерации красивых менюшек.

Там есть сложности в настройке кода , но об них я расскажу в следующих статьях, если конечно Вы попросите.

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

    Ответить

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

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

Скачать новый WordPress с фирменным набором плагинов
Следите за нашими новостями
Подпишись на мой канал
Поиск по сайту
Бесплатный видео курс по созданию сайта на WordPress