UberMenu - ставим ПРО навигацию на собственный блог

Привет, почетаемые читатели. Начнем новейшую неделю с описания мощного WordPress плагина, который вот уже 3-ий год является одним из фаворитов посреди самых фаворитных, премиум плагинов на Сodecanyon.

Ubermenu - великолепно многофункциональный плагин для сотворения проф меню навигации для хоть какой WordPress темы.Устанавливается плагин Ubermenu совсем стандартно. Загружаем на сервер и активируем посреди иных плагинов.Управление UberMenuПосле установки плагина в вашем распоряжении окажутся два центра управления:Внешний облик - Меню.

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

Вобщем, для того, что бы детально разобраться во всех тонкостях опций, все же малое познание британского лучше. Тем у кого этим задачи, надеюсь поможет моё описание.Отдельного внимания заслуживает раздел Resources, где вы сможете отыскать неограниченное количество толковых видео инструкций, мануалов и другие полезности.Для того, чтобы включить UberMenu, кликаем Внешний облик - Меню.

В меню Activate Uber Menu Locations непременно ставим галочку в чекбоксе меню, которое желаем поменять на UberMenu. Количество доступных меню находится в зависимости от вашей темы - все персонально.

Не считая того, необходимо настроить бокс «Область темы» - а именно активировать то меню, которое должно выводится в виде UberMenu. Сейчас отключаем функцию UberMenu для неких пт головного меню, к примеру, для домашней странички (Show/Hide UberMenu Options - Activate Mega Menu, убрать галочку из чекбокса).Базисные настройки UberMenu.Щелкаем Внешний облик - Ubermenu - Basic Configuration.

Тут можно включить вертикальное меню: Orientation - Vertical. Не считая того, чуток ниже можно поменять ширину выпадающего перечня относительно головного меню (Vertical Mega Submenu - Width)Оформление и наружный видДля того чтобы поменять оформление меню можно просто перейти в Ubermenu - Style Configuration и избрать подходящий вариант дизайна из 10 предложенных (Style Preset).Если же ничего из готовых вариантов не подошло, есть возможность сделать свой дизайн, воспользовавшись генератором стилей:Style Configuration - Set the Style Application - включаем Style Generator, сохраняем конфигурации идем в меню Style Generator (находится ниже) и создаем собственное меню.Интеграция плагина с темами: решение проблемЕсли тема не поддерживает WordPress 3 Menu, то решить эту делему достаточно просто.

Кликаем Ubermenu - Theme Integration - Easy Integration и переключаем рычаг в положение ON. Потом вставляем строчку —<?php uberMenu_easyIntegrate(); ?>1<?php uberMenu_easyIntegrate(); ?>в файл вашей темы header.php либо шорткод[uberMenu_easyIntegrate]1[uberMenu_easyIntegrate]в текстовый виджет.Если же UberMenu неправильно отображается в IE, стоит испытать в Theme Integration - Use IE Fix Script переключить рычаг в положение ON.Расположение UberMenu по центруЖмем UberMenu - Advanced SettingsУстанавливаем параметр Menu Bar Width в согласовании с шириной блока с контентом.

Обычно – это 960 пикселей.Активируем Center Menu Bar.Активируем Enable Clearfix, если этот параметр еще не включенКликаем UberMenu - Basic Configuration и отключаем функции. «Expand Menu Bar Full Width»Сохраняем опции. Все готово!Создание базисных менюС помощью UberMenu просто сделать выпадающие меню хоть какого уровня вложенности, притом, не нужно ничего сочинять, назначать родительские и дочерние странички и т. п. – довольно легко двинуть меню нижнего уровня на право относительно верхнего меню, занимающего более высшую позицию в иерархии меню.Базисное меню навигации WordPressНа страничке «Меню» создаем новое меню (не забываем переключиться на него в «Область темы»/Редактируем старенькое.

Избираем пункт головного меню и создаем для него меню второго уровня (для этого используем бокс «Произвольные ссылки»). Располагаем подменю в подходящем порядке, перетаскивая их куда необходимо, подтягивая на право и располагая лесенкой.

При выключении функции «UberMenu» подменю будут просто выводиться лесенкой.UberMenuЗанимаемся последующим пт головного меню. Поначалу нужно удостовериться, что активирована функция «UberMenu».

Создаем меню второго и третьего уровня методом, описанным выше. Располагаем их согласно хотимым уровням вложенности.

Если мы желаем подсветить какой - или заголовок, то просто разворачиваем меню с его опциями «Show/Hide UberMenu Options» и ставим галочку в чекбоксе «Highlight this item». Сейчас для того чтобы выровнять наши колоночки, обращаемся к настройкам пт головного меню, с которым мы работаем и ставим галочку в чекбоксе «Full Width Submenu», также редактируем параметр Submenu Columns [FullWidth] –необходимо указать количество пт меню самого нижнего уровня.UberMenu с описаниямиПрежде всего, кликаем UberMenu - Descriptions, Shortcodes, Widgets.

Тут необходимо включить функции «Display Sub-Header Descriptions» и «Display Sub-Menu Item Descriptions». Перебегаем к созданию пт меню. Если вы не видите поле для внесения описания, то необходимо развернуть меню «Настройки экрана» WordPress и в «Показывать расширенные характеристики меню» поставить галочку в чекбоксе «Описание».

Сейчас вы сможете добавлять описания, в остальном же меню формируется так же, как поведано выше.UberMenu с иконкамиПроделываем все те же деяния, которые были описаны ранее, но сейчас нажимаем Show/Hide UberMenu Options, и дальше – кнопку «Set Thumbnail» и загружаем приготовленную иконку. Если же изображение не видно, то щелкаем UberMenu - Images и отключаем параметр Resize Images.

Точно также добавляем иконки ко всем пт меню.UberMenu из виджетов и контент-блоковПервым делом, кликаем UberMenu - Descriptions, Shortcodes, Widgets - и ставим ползунок параметра «Allow Content Overrides» в положение ON. Там же регулируем параметр Number of Widget Areas, который отвечает за количество создаваемых виджет-полей.

Если вы хотят использовать карты Гугл, но не помешает активировать параметр Load Гугл Maps.Открываем страничку «Виджеты» и лицезреем в сайдбаре новое вместилище для виджетов - « UberMenu Widget Area 1». Переносим сюда текстовый виджет и вставляем хотимый шорткод – все находится в зависимости от того, что вы желаете вывести в меню, например, можно показать контактную форму.

Так, можно добавить сколько угодно текстовых виджетов с различным содержимым. Для того, чтобы вывести все это в меню, создаем новый пункт головного меню, развернем меню с его опциями и, поначалу, расставим галочки в последующих чекбоксах: «Disable Link?» и «Disable Text?», потом в выпадающем перечне «Display a Widget Area?» выберем сделанное ранее виджет-поле.Обычное меню навигации в виде картинкиТакое меню понадобится для сотворения пт меню, отвечающего за связь с домашней страничкой.

Разворачиваем опции подходящего пт меню, ставим галочку в чекбоксе «Disable Text?» и загружаем приготовленную иконку (лого).Вставка формы поиска в строчку меню1. Кликаем UberMenu - Descriptions, Shortcodes, Widgets - активировать Allow Content Overrides.2.

Добавить пункт головного меню.3. Текст ссылки:«Search» либо «Поиск» и URL : «#».4. Поставить галочки в чекбоксах «Disable Text»,  «Check Disable» и « Align Menu Item to Right Edge».Добавить шорткод[ubermenu-search]1[ubermenu—search]в поле Content Override.ЗаключениеВ данной статье я целенаправленно не стал детально останавливаться на каждом пт опций, по другому статья приняла бы просто страшные размеры.

Ну и настраивать каждый пункт вам естественно не придется. Почти все работает «из коробки».Как я уже писал сначала, UberMenu существует уже более 3-х лет и создатели все это время очевидно на посиживали складя руки.

Сейчас это непременно, самое функциональное меню навигации для WordPress из всех мною виденных. Дополнительно создатели выпустили уже два аддона к этому плагину:UberMenu - Flat Skin Pack.

Добавляет пак зрительно плоских стилей в духе Metro и Windows 8.UberMenu - Sticky Menu Extension. Делает меню «прилипаемым» к верхнему краю странички при её прокрутке вниз.Дополнительно отмечу, что растущую популярность этого мега плагина, в ближайшее время подтверждает и тот факт, что больше посторониих разработчиков лицензируют его и вовсю употребляют в собственных премиум шаблонах.Официальная страничка плагина.

источник: https://artstroy.net/ubermenu-stavim-pro-navigaciyu-na-svoj-blog/