12 лучших бесплатных расширений Joomla для создания меню. Модуль меню joomla
Меню joomla
Меню joomla
Для сайта любого уровня имеет большое значение то, насколько хорошо скомпонован его стиль, как все «склеено» воедино. Но в следующую же минуту, дизайн отходит на другой план, поскольку куда важнее становится то, насколько удобно организован интерфейс ресурса, как распределены материалы, насколько большая вероятность того, что с помощью меню можно добраться до любого раздела. И тогда сам владелец проекта уже должен думать о том, а действительно ли меню Joomla, которое предлагает разработчик шаблона настолько удобное, правильно ли и комфортно ли работать с поиском материалов, присутствует ли разделение тех же статей по категориям? Если данный аспект не доводить изначально до идеала, можно потерять тех посетителей, которые действительно могли бы принести вам прибыль, но просто не захотели иметь дело с непрофессиональным ресурсом, поскольку в ином случае, организация навигации по сайту была бы совсем другого уровня. Но не нужно думать, что только предоставленные в Joomla шаблон меню инструменты, становятся тем пределом, с которым придется работать. Для совершенствования структуры и навигации вашего проекта, можно легко использовать расширения, например Joomla модуль меню, способные внести очень значимые изменения в этот сегмент.
Конкретные предложения по доработке меню
Что же нам могут предложить расширения, которые находятся в этой категории? В первую очередь – это разнообразные меню. Самое интересное, что разработчики заботятся не только об удобной настройке и работе этих решений, а еще и о том, как они смотрятся. Для этого применяется анимация, предоставляются подборки цветов, разного рода шрифтов для меню, а также для них подготавливаются наборы иконок. Что еще лучше, здесь вы найдете варианты с поддержкой различного количества уровней, а это уже открывает дорогу к созданию серьезных систем навигации, благодаря которым можно через один Joomla пункт меню, попасть в любой раздел сайта, или даже какую-то категорию. Еще интереснее смотрятся варианты с использованием изображений, которые символизируют каждый пункт меню, такие дополнения уже есть в списке имеющихся у нас. Выбирайте Joomla выпадающее меню, специальные мега – меню, с огромными возможностями, а также аккордеон – меню Joomla 3 , имитирующие сворачивание обычного аккордеона для размещения содержимого. Но помимо таких предложений, данная категория имеет еще немало интересных разработок.
Создание категорий и прочего
Само собой, что используя различные тематические направления, нужно обеспечивать посетителям прямой доступ к нужным материалам, притом желательно сделать каждую категорию соответствующей её наполнению. Если тот формат, в котором ваш стандартный интерфейс выводит категории, вам не нравится, можно использовать соответствующие расширения. Для этого у нас вы найдете решения, выводящие категории в виде, подобном выпадающему меню, те, которые специально устанавливаются для сотрудничества с К2, или просто организовывают удобный доступ к подборкам контента, соответствующего определенной теме. В итоге, даже вам будет комфортнее работать со своим проектом, изначально распределяя новые поступления по «полочкам», ведь и поиск, и корректировка таких материалов становится удобней.
Сделайте перемещение по сайту действительно удобным
Когда проект оснащается удобным меню, когда на странице четко распределены категории, и даже не используя поиск можно найти занимательный для себя материал – с таким ресурсом хочется работать. К тому же, как и говорилось выше, все нынешние разработки направлены еще и на то, чтобы своим стилем исполнения привлечь внимание, ведь без этого тоже нельзя. Так что если вас не устраивает стандартный устрой основных элементов навигации на сайте, используйте расширения из этой категории чтобы сделать меню Joomla идеальным для вас.
joomru.com
12 лучших бесплатных расширений Joomla для создания меню
Для этой CMS доступно большое количество бесплатных расширений. Сегодня я подготовил для вас лучшие расширения меню Joomla.
Некоторые расширения могут не поддерживаться определенными версиями платформы. Поэтому прежде чем устанавливать расширение, нужно определить какую версию Joomla вы используете.
Maxi Menu CK
Это выпадающее адаптивное мега-меню с несколькими столбцами. Также можно загружать внутрь него модули. iPhone, iPad, Android-совместимое. AdsManager, совместимый с Joomshopping, Virtuemart, Hikashop:
Скачать / Дополнительная информация
SJ Flat Menu
Это простой, но мощный модуль для улучшения юзабилити и навигации сайта! Он позволяет отображать многоуровневые меню. С его помощью можно вывести выпадающее, аккордеон-меню, горизонтальное или вертикальное меню с элементами, раскрывающимися в правую или левую сторону. Меню, созданное с помощью данного модуля меню для Joomla 3, поможет посетителям сайта находить нужный контент, не тратя на это много времени:
Скачать / Дополнительная информация
JF Mobile Menu Module
Демо-версия Скачать / Дополнительная информация
Responsive Menu Module for Joomla
Позволяет создавать потрясающие красочные адаптивные меню. Этот модуль был протестирован во всех основных браузерах и мобильных устройствах. Поэтому ваш сайт будет выглядеть профессионально для всех, кто его посещает.
Данный модуль включает в себя множество функций, таких как выбор пользовательских цветов для фона меню и ссылок, 20 различных стилей шрифтов на выбор, закругленные или прямые углы и т.д. Хотите создать уникальное стилизованное меню с экстремальными цветовыми сочетаниями? Модуль Grue — это то, что вы ищете:
Демо-версия Скачать / Дополнительная информация
FREE Accordion Menu Joomla
Анимация в модуле меню для Joomla 3 создается с помощью библиотеки jQuery. В модуль включены готовые скины, и я решил сделать их на 100% настраиваемыми. Теперь пользователи могут редактировать цвета меню и изменять стиль шрифта:
Демо-версия Скачать / Дополнительная информация
Sticky Horizontal Bar Module Joomla
Демо-версия Скачать / Дополнительная информация
DJ-Menu
Это меню с анимированными эффектами mootools для Joomla 2.5 и 3.0. Теперь можно легко управлять меню независимо от того, является ли оно анимированным или для него просто заданы стили CSS, без скриптов. DJ-Menu также является адаптивным. Модуль позволяет использовать в адаптивных шаблонах выпадающие меню и на небольших экранах:
Демо-версия Скачать / Дополнительная информация
jQuery Slide-Down-Box Menu for Joomla 2.5 & 3.x
Демо-версия Скачать / Дополнительная информация
RokNavMenu
Предоставляет возможность настройки элементов выпадающего меню Joomla 3 с помощью различных параметров. От иконок до отображения пользовательских модулей — пользователи получают больше контроля над меню:
Скачать / Дополнительная информация
jQuery Fly-Out Menu for Joomla 2.5
Простой в использовании модуль для создания меню, который поставляется с семью разными стилями цвета. Он использует библиотеку jQuery для эффекта плавного раскрытия меню. Легко настраивается и поддерживает многоуровневые меню (до 5 уровней):
Демо-версия Скачать / Дополнительная информация
Меню ARI Ext
Модуль поддерживает вертикальное и горизонтальное меню Joomla 3, два эффекта переходов. Он распространяется бесплатно по лицензии GPL:
Демо-версия Скачать / Дополнительная информация
RokNavMenu
Мощный модуль меню, который существенно расширяет базовый функционал Joomla. Он предоставляет платформу для расширения меню, позволяя изменять и дополнять их.
Демо-версия Скачать / Дополнительная информация
Перевод статьи «10+ BEST FREE MENU EXTENSION FOR JOOMLA» дружной командой проекта Сайтостроение от А до Я.
BM Cool Menu - простой и бесплатный модуль адаптивного меню для Joomla 3
Оценка на JED: в целом - 28, функциональность - 50, поддержка - 23, документация - 28.
BM Cool Menu - один из самых любимых моих бесплатных и безопасных модулей для CMS Joomla 3. Мне нравится его простота и лаконичность, адаптивность (что нечасто встретишь в бесплатных вариантах) и возможность лёгкой донастройки вручную. В чистом виде это расширение меня не совсем устраивало, но при некоторой корректировке файла CSS проблем не осталось. Думаю, что невысокие оценки модуля в каталоге Joomla JED объясняются именно необходимостью его ручной донастройки. Это не так сложно, как кажется. Тем более, собственные настройки файла CSS я сохранил для себя и вас в отдельном файле.
Этот модуль идеально подойдёт тому, кто нуждается в простом адаптивном горизонтальном и полностью бесплатном меню на своём сайте с Joomla 3. Сразу скажу, что он поддерживает многоуровневые меню, но лично у меня на некоторых сайтах возникли определённые проблемы с этим. Пока я с ними не разбирался, так как нашёл другие варианты; но полагаю, что дело в конфликте библиотек jQuery - при желании это более чем решаемо. (Ниже расскажу, как я их решил. Дело вовсе не jQuery).Для одноуровневых меню модуль более чем оптимален. Я его использую на большинстве своих сайтов.
Демо модуля BM Cool Menu
Собственно демо этого модуля представлено в шапке данного сайта. Оно же продублировано в футере. Как работает это меню с многоуровневой структурой можно посмотреть здесь.
Настройки бесплатного модуля адаптивного меню BM Cool Menu
Настройки этого бесплатного и безопасного модуля для создания адаптивного меню (одинаково хорошо отображаемого как на компьютерах, так и на мобильных устройствах) на Joomla 3 включают в себя следующие пункты:
- Show Sub-menu Items - показывать подпункты или нет.
- Text color - цвет текста.
- Hover text color - цвет текста при наведении курсора мыши.
- Menu's background - цвет фона меню.
- Background image - картинка в качестве фона (настройки в формате css)
- Show border - показывать рамку или нет.
- Border radius - радиус скругления углов в рамке.
- Border color - цвет рамки.
- Active background - цвет активного пункта меню.
- Load jQuery - подключать или нет библиотеку jQuery.
Вот собственно и все настройки. Достаточно просто и лаконично. Лично мне такие бесплатные модули по душе больше, чем громоздкие и неповоротливые расширения с большим числом опций, которые я никогда в жизни не стану использовать.
Ручная донастройка стилей BM Coll Menu
Теперь скажу пару слов о ручной донастройке модуля для создания адаптивного меню на Joomla 3 BM Cool Menu. Проблема у меня возникла, когда я решил полностью убрать скругление углов (border radius) и рамку (border color). После внесения соответствующих изменений в настройках модуля в админке на компьютере в развёрнутом режиме (во всю страницу) меню отлично отражало все эти изменения, однако на мобильных устройствах и в свёрнутом окне и рамка, и скругление сохранялись. К тому же модуль в сжатом виде неизменно поднимался наверх и закрывал собой часть другого модуля, находящегося выше. Мне хотелось настроить отображение меню так, чтобы все его пункты выравнивались по центру. Дело в том, что, например, на экране компьютера 4:3 всё выгледело вполне ровненько и пристойно, а вот на 16:9 меню прижималось влево и выглядело как-то не так. Ну и плюс ко всему мне отелось убрать светлую полоску, разделяющую между собой пункты меню.
Решение нашлось в изменении или комментировании некоторых строк в файле css модуля, который лежит по пути: /modules/mod_bm_cool_menu/assets/css/style.css. Старый файл я на всякий случай сохранил в нетронутом виде под именем old-style.css. А в новом внёс кое-какие изменения.
Выравниванию меню по центру
В классе .bm-cool-menu li я заменил float:left; на inline:block; (строка 29) и то же самое сделал в строке 37 класса .bm-cool-menu a. Также добавил в строку 10 класса .bm-cool-menu: text-align:center;
Убираю белую разделительную линию между пунктами меню
Для этого полностью комментирую строку 30. Для тех, кто забыл или никогда не знал, как это делается: /*border-right: solid thin #fcfcfc;*/
Дополнительная настройка отображения меню на мобильных
Чтобы меню не закрывало собой модуль (или логотип), находящийся выше, в классе .bm-cool-menu-trigger (строка 167 и ниже) я добавил отступ сверху: margin-top:10px;
Для того, чтобы рамка меню и закругления углов не отображались в мобильной версии, я закомментировал строки 173, а также со 175 по 180.
Модифицированный мной файл style.css я выложил внутри архива с модулем по прямой ссылке. Он называется mystyle.css. В случае нежелания возиться с изменением стилей вручную вы можете использовать его, просто переименовав в style.css.
Отдельно подчеркну, что сделанные мной изменения касаются лишь одноуровнего меню. Впрочем, внести соответствующие изменения несложно и для многоуровневой конструкции.
Меняю заглавие меню в мобильной версии
Ну и осталась одна совсем маленькая, но существенная деталь. Изменить слово Menu, написанное латиницей при просмотре страниц в мобильной версии или при сворачивании страницы в браузере в небольшое окошко. Можно было бы предположить, что изменения надо вносить в языковой файл - но вот нет. Оказывается надо поставить свой заголовок меню в файле по пути: /modules/mod_bm_cool_menu/tmpl/default.php (строка 14).
Вот и всё. Основное, кажется, я рассказал. Признаюсь честно, что вышел на этот модуль я случайно и, глядя на его оценки, поначалу отнёсся к нему довольно скептично. Однако испробовав другие варианты и поняв, что бесплатных и безопасных адаптивных меню в официальном каталоге очень и очень мало, я вернулся к этому и стал его донастраивать. Сейчас я его использую на большинстве своих сайтов.
Решение проблемы с неработающим BM Cool Menu
Проблема, которую я имею ввиду, состоит в следующем: на некоторых сайтах у меня BM Cool Menu не раскрывало подпункты ни при наведении, ни при клике. Я долго думал, что имеет место некий конфликт скриптов. Когда нашлось время наконец-то разобраться с этим, то я увидел, что даже на абсолютно чистом, только установленном сайте Joomla 3 меню не раскрывалось. Тут-то мне и стало понятно, что дело вовсе не в каких-то конфликтах. Опытным путём и ценой огромного количества нервных клеток мне всё-таки удалось установить, что проблема с расворачиванием и отображением многоуровневого меню BM Cool Menu проявляется только в позиции Position-1 шаблона стандартного джумловского шаблона Protostar. Переставив этот модуль в любую другу позицию (например, banner), происходят чудеса - и он начинает работать.
Если же непременно нужно расположить меню в Position-1, то придётся слегка подкорректировать индексный файл шаблона Protostar (index.php в корне шаблона - /templates / protostar / index.php). Дело в том, что по умолчанию вывод этот позиции обёрнут в контейнер nav с родным классом меню Joomla 3 navigator. Удалив эту «обёртку» и заменив style с «none» на «xhtml», мы получаем позицию 1, в которой модуль BM Cool Menu начнёт работать так, как надо.
Итак, находим этот фрагмент:
nav role="navigation"><jdoc:include type="modules" name="position-1" /></nav>
Удаляем 1 и 3 строку, а также заменяем во второй строке «none» на «xhtml». Вот и всё решение.
Ссылки BT Content Slider - модуля ленты новостей в виде слайдера
Официальное ДЕМО модуля BM Cool Menu
Страница модуля BM Cool Menu в официальном каталоге расширений Joomla
Официальный сайт модуля BM Cool Menu
Скачать модуль BM Cool Menu по прямой ссылке
joo3.jeanzzz.ru
Как создать меню в Joomla вручную и при помощи модулей
Меню — обязательная составляющая любого сайта Joomla. Создание навигации сайта — это одни из первых шагов перед публикацией веб-ресурса в Интернете. Без меню ваш проект не будут уважать ни посетители, ни поисковики.
Отсутствие навигации допустимо только для одностраничников. Если у вас три и более разделов, вы обязаны их обозначить в меню.
В данной статье разберем, как происходит создание меню различного формата (многоуровневое, вертикальное, горизонтальное и т. д.). Кроме того, разберем особенности генерации пункта, а также вы узнаете, какой бывает тип составляющих меню и что такое суффикс класса. Кроме того, вам будет представлена небольшая подборка из 4 расширений, которые обеспечат быстрое создание меню.https://www.youtube.com/watch?v=u19ebn-5W40
Как происходит создание меню Joomla вручную
Создание меню — это плевое дело для движка Joomla. Сделать собственную навигацию в этой CMS-системе очень просто, потому что она рассчитана в большей мере на новичков. Вам необходимо будет лишь прописать название, а также тип создаваемого меню, чтобы оно появилось на сайте.
Чтобы начать создавать меню, для начала зайдите в админку Joomla. А еще лучше заранее продумайте, из чего будет состоять ваша навигация вплоть до пункта. Также решите, какой тип больше подходит для ваших целей: многоуровневое, вертикальное или т. д. После того, как все обдумаете, зайдите в админпанель, а затем откройте вкладку «Меню». Далее вам необходимо добраться до пункта «Менеджер меню» и нажать в выпадающем списке кнопку «Создать меню». После этого начнется непосредственное создание навигации — вам нужно будет указать основные параметры для этого. Основные требования — это прописать заголовок и тип меню. Учтите, что тип навигации — это условное название для вашего удобства.https://www.youtube.com/watch?v=34CARMpcNHMТеперь нажмите на «Сохранить и закрыть». На этом создание меню не завершится, так как у него нет ни одного пункта. Для генерации пункта вам необходимо перейти в управление созданным меню навигации. В открывшейся вкладке вы увидите раздел «Пункты меню». Переходите в эту вкладку и создаете составляющие для навигации сайта Joomla. Вам нужно будет так же, как и с меню, указать название пункта. Кроме того, необходимо будет указать тип пункта. В этот раз тип будет иметь значение, так как повлияет на отображение пункта. Чаще всего включают тип «Материалы».
Но и на этом создание меню не завершится. Вам еще нужно сделать его определенного формата (многоуровневое, горизонтальное или вертикальное). Для этого следует прописать правильную позицию и суффикс класса, который определяет стиль размещения данного элемента. Чтобы вы могли указать суффикс класса, необходимо использовать правильный шаблон, который пользуется Bootstrap. Не каждый суффикс класса, указанный ниже, сможет быть активирован на вашем сайте, тем не менее вот перечень самых популярных стилей меню:
- nav nav-pills — суффикс класса для горизонтального меню, который создает стандартное оформление «pills» для навигации.
- nav nav-tabs — суффикс класса для горизонтального меню, который создает «табовое» оформление навигации.
- nav nav-pills nav-stacked — аналогичный первому суффикс класса, только для вертикальной навигации.
- nav nav-tabs nav-stacked — «табовое» вертикальное меню.
- nav nav-list — суффикс класса для развернутого списком вертикального меню.
https://www.youtube.com/watch?v=RdEGrlX4UoA
Модуль Ari Ext Menu
Ari Ext Menu — модуль, который обеспечит создание вертикального либо горизонтально меню в Joomla с эффектом анимации. Расширение Ari Ext устанавливается стандартным образом. Чтобы задать эффект анимации, в настройках Ari Ext меняем строку Transittion type для добавления «исчезновения» или «слайда». Модуль можно настроить по своему усмотрению при помощи редактуры CSS-файла. Ari Ext позволяет создавать многоуровневое меню. Единственный минус Ari Ext — это отсутствие русскоязычной версии, потому вам придется самостоятельно разбираться в настройках расширения. В остальном Ari Ext справляется отлично!
Модуль SJ Flat для Joomla
SJ Flat — простой и удобный модуль, который позволит вам создавать красивые и функциональные менюшки. Основная ориентация SJ Flat — это многоуровневое меню. Модуль SJ Flat позволит вам создавать сколько угодно подкатегорий для различных пунктов меню в Joomla. Кроме того, SJ Flat прекрасно работает со всплывающим меню и для вертикального, и для горизонтального расположения. Еще одно преимущество SJ — это автоматическая адаптация под мобильные устройства. Горизонтальное меню будет переходить в вертикальное при включении сайта через мобильное устройство с маленьким разрешением. И самое главное достоинство SJ Flat — модуль можно скачать бесплатно!
Модуль Vertical Menu
Название модуля Vertical Menu говорит само за себя — это расширение необходимо для создания вертикального навигационного меню. Основная особенность модуля Vertical Menu, помимо простой установки и легкой настройки, — это дружественный SEO-код. Данное расширение оптимизировано, чтобы меню помогло вам в продвижении сайта. Вы сможете выбрать различные варианты оформления в модуле Vertical от типа шрифта до цветовой гаммы отображаемого меню.https://www.youtube.com/watch?v=frwWrSzeO5s
Модуль Mega menu
Mega Menu — это настоящий хит среди других модулей навигационного меню. Вы сможете создать меню любого формата при помощи данного расширения. Модуль Mega Menu позволяет вносить в пункты не только текстовую информацию, но и картинки, видео, анимации и прочие файлы. При помощи Mega вы сможете настроить каждый пункт меню отдельно, чтобы у навигации был плавный и продуманный дизайн. Mega работает и с горизонтальным, и с вертикальным меню. Лучше всего Mega функционирует с 3-й версией Джумла. Модуль Mega работает на английском языке.
Похожие статьи
joomlalib.ru
модули меню joomla | навигация joomla
Offlajn Vertical Menu v3.1.201 - один из самых функциональных и универсальных модулей Joomla предназначенных для быстрого построения и оформления любых типов вертикального меню. Расширение можно использовать с любыми шаблонами. Можно реализовать аккордеонное меню, всплывающее меню, древовидное меню и DropMenu. Также можно делать боковые панели. Также можно отметить полностью настраиваемую анимацию переходов, создание меню наложения, отображение фильтра пунктов, отображение пользовательских логотипов, вставку более 220 иконок, поддержку других компонентов и многое другое.
swMenuPro v10.7 - новый выпуск одного из самых мощных расширений Joomla предназначенных для создания практически любой структуры и типов меню. С помощью данного компонента можно быстро сделать четыре вида всплывающего или выпадающего меню, три вида меню типа аккардеон (можно делать комбинированное, динамическое или многоуровневое меню). Также можно реализовать многоколоночное или древовидное меню. В новой версии разработчики добавили возможность переноса стилей на другие сайты, подключать к пунктам картинки, редактировать градиенты, фон, тени, углы и шрифты.
JUX Mega Menu for K2 - отзывчивый и мощный модуль мега меню Joomla для популярного конструктора контента K2. Модуль Joomla предназначен для гибкого и простого отображения категорий и подкатегорий компонента в виде пунктов меню. Особенности модуля: полностью отзывчивый, настраивание анимации ( эластичность, масштабирование, слайд), удобная настройка стилей (шрифт, цвет, выравнивание, активные элементы), вставка в меню картинок, видео и пользовательских модулей, простая конфигурация, настройка задержки, времени и скорости анимации.
JUX Mega Menu v3.2.9 - последняя версия самого полного и простого в настройке настраиваемого модуля горизонтального мега меню для Joomla 3.x. расширение может отобразить в пунктах меню материалы, модули, изображения, текст. Особенности меню: отзывчивый дизайн и поддержка разных типов контента, красивое меню с плавными эффектами, управляемая компоновка, 10 настраиваемых 10 эффектов анимации и 6 вариантов цветового оформления, поддержка шрифтов awesome icon и возможность использования в виде вертикального меню.
JUX 3D Restaurant Menu v1.0.3 - новая версия отзывчивого компонента и модуля меню Joomla, который отображает привлекательное меню в виде книги и идеально подходит для сайтов ресторанов, кафе или бара. В меню используется 3D эффект преобразования по щелчку мыши для просмотра дополнительной информации. Основные функции: адаптивное 3D меню, потрясающие эффекты CSS3, легкая настройка элементов меню, добавление внешнего URL, добавление короткого и полного описания, добавление изображений, указание заголовков и цены.
jmbest.ru
Создание и настройка меню в Joomla. Настройка модулей меню
Этот материал есть небольшим откатом назад по сравнению с остальными, но я это делаю не случайно. Связано это с тем, что я собираюсь публиковать материалы по порядку в зависимости от их сложности и необходимости. Делается это для того, чтобы каждый начинающий вебмастер мог без труда ориентироваться в статьях и изучать их по порядку не перепрыгивая с одной на другую. Итак, в этой статье речь пойдет о меню в Joomla, о создании меню и пунктов меню в Joomla, а также о настройке модулей меню и менеджера материалов.
Как известно CMS Joomla очень мощный движок для сайта. У него есть масса возможностей и особенностей. Одной из особенностей есть то, что в Joomla страницы создаются динамически, так как хранятся в базе данных, поэтому нельзя попасть на страницу с материалом, если она не связана ссылкой. Это я веду к тому, что если вы создали новый материал и опубликовали его, это еще не значит, что он появится на сайте и его найдут поисковики. Для того чтобы это произошло нужно создать для него пункт меню.
Создание меню в Joomla
В Joomla по умолчанию есть только одно меню. Его не всегда бывает достаточно и зачастую приходится создавать еще. Хочу заметить, что Joomla позволяет создавать неограниченное количество меню и выводить их на сайте при помощи модулей в определенных позициях, но это потом. Итак, для того создать меню нужно сделать следующее. Переходим в Административную панель – Все меню – Меню. Затем в «Менеджере меню» жмем «Создать», в результате чего у вас должно открыться окно «Детали меню», которое будет иметь следующий вид.
Здесь нам нужно заполнить следующие поля:
- Системное имя – присваиваем уникальное имя нашему меню, которое будет использоваться Joomla. Имя должно быть написано английскими буквами и желательно покороче, так как будет использоваться в коде для идентификации этого меню Joomla.
- Заголовок – сюда вписываем название меню для себя. Оно будет отображаться в административной панели Joomla.
- Описание – аналогично предыдущему.
- Заголовок модуля – имя модуля, который автоматически появится после создания меню. Потом его можно будет изменить, зайдя в Расширения – Менеджер модулей и выбрав нужный нам модуль меню.
После заполнения всех полей жмем «Сохранить». На этом мы закончили создание меню, но для его отображения на сайте нам потребуется модуль. Ну а теперь об этом и подробнее…
Создание и настройка модулей меню в Joomla. Функции модулей меню
Прежде чем приступать к настройкам модуля меню, давайте разберемся с его основными функциями. Грубо говоря, у него их 5.
- Отвечает за вывод меню на сайте в определенном месте (позиции).
- Определяет внешний вид (горизонтально, вертикально).
- На каких страницах отображать меню, а на каких нет.
- Кому должно быть видно меню (всем, только зарегистрированным и т.д).
- Отображать или скрыть вложенные пункты.
Теперь переходим к самому модулю меню. Для этого заходим в Расширения – Менеджер модулей и находим там модуль с названием, которое вы дали ему на этапе создания нового меню. Он сейчас неактивный. Для того чтобы активировать его заходим в него кликнув по его названию либо выделив галочкой и нажав по кнопке «Изменить». В результате у вас должно открыться окно с настройками модуля меню. Первая часть настроек называется «Подробности».
- Заголовок – здесь мы можем изменить название модуля, которое будет отображаться на сайте.
- Показать заголовок – выбираем показывать заголовок на сайте или нет.
- Включен – включение/выключение модуля меню.
- Позиция – здесь нам нужно указать, в какой позиции на сайте Joomla будет выводиться данный модуль меню. Для того, чтобы проверить все возможные позиции для своего сайта Joomla просто добавьте в адресную строку текст «?tp=1» (без кавычек). На практике это выглядит так: http://dmitriydenisov.com/?tp=1
После этого нажмите «Enter», в результате чего страница обновится и вы увидите все доступные позиции для вашего шаблона Joomla. Выбрав нужную вам, выбираете ее в настройках модуля в строке «Позиция».
- Порядок – выбираете, в каком порядке выводить модули в данной позиции. Это необходимо, если у вас в одной позиции выводятся два модуля или более.
- Доступ – отвечает за отображение меню для разных групп пользователей. Обычно меню доступно всем и выбирается значение «Все».
Теперь переходим к пункту «Назначение меню». Здесь можно выбрать на каких страницах будет отображаться данное меню. По умолчанию стоит значение «Все». Если вы хотите отображать меню не везде, то выберите значение «Выбрать из списка» и отметьте нужные вам пункты меню, зажав при этом клавишу Ctrl.
Теперь давайте перейдем к осмотру параметров модуля. Здесь есть три вкладки. Мы не будем детально рассматривать их, так как зачастую это не нужно. Давайте рассмотрим только самые основные настройки модулей меню.
Параметры модуля
- Название меню – выбираем то меню, которое вы создали либо которое вам необходимо.
- Стиль меню – выбираете стиль отображения меню. Здесь нужно тестировать, так как внешний вид будет зависеть от шаблона, который вы используете на своем сайте Joomla.
- Начальный уровень – указываем номер уровня меню, с которого меню будет показано в модуле.
- Последний уровень – номер уровня меню, до которого меню будет показываться в модуле. Обычно это и предыдущее поле оставляют без изменений со значениями 0 0.
- Всегда показывать вложенные подпункты – выбираем, хотим ли мы? чтобы меню всегда отображалось целиком со всеми вложенными подпунктами.
- Назначение Target – ну здесь смысл понятен, но обычно это поле не трогают и оставляют пустым.
Расширенные параметры
- Показывать пробелы – обычно ставится значение «Нет».
- Кэширование – выбираем включать или не включать кэширование для модуля меню. Обычно этого лучше не делать, так как если ваше меню изменяет свой вид в зависимости от того, на какой странице вы находитесь, то это может повлиять на правильную работу модуля меню, например, будет постоянно гореть только один пункт меню. Думаю, смысл понятен.
- ID Меню — идентификатор корневого HTML элемента меню. Обычно поле оставляется по умолчанию.
- Суффикс класса меню — суффикс CSS-класса для изменения внешнего вида меню.
- Суффикс класса модуля – почти то же самое, что и суффикс класса меню.
- Максимальная вложенность – максимальное количество отображения вложенных пунктов меню, после чего они просто начнут игнорироваться и выводиться не будут.
Другие Параметры
- Показывать иконки меню – ну здесь все понятно. Включаем или выключаем отображение иконок для меню.
- Выравнивание картинки меню – выбираем выравнивание для картинок меню. Если предыдущий пункт не включен, то можно пропустить данный пункт.
- Раскрывать меню – отвечает за раскрытие меню и отображение подменю. Можно оставить по умолчанию.
- Активировать родителя – активация родительских пунктов в меню.
- Полное активное выделение – «По умолчанию».
Остальные настройки я рассматривать не буду. Единственное скажу, что в поле «Выравнивание картинки» лучше ставить значение «Шаблон». Благодаря этому меню примет тот стиль, который ему придумали разработчики шаблона.
Ну и в завершение давайте рассмотрим, как же создавать пункты меню в Joomla.
Создание и настройка пунктов меню в Joomla
Joomla позволяет создавать пункты меню как для отдельных статей, так и для разделов, категорий, внешних ссылок и т.д.. Я опишу создание пунктов меню только для первых трех случаев.
Итак, для того чтобы создать пункт меню в Joomla нужно сделать следующее. Заходим в Административную панель – Все меню – Ваше меню и в открывшемся окне жмем «Создать». Здесь нам потребуется выбрать тип «Материалы».
Для того, чтобы создать разные пункты меню нужно выбирать разные типы материалов. Рассмотрим три основных.
- Для создания пункта меню ведущего на отдельную статью – «Стандартный шаблон материала».
- Для пункта меню ведущего на материалы категории — «Шаблон списка категории».
- Для отображения содержания раздела – «Стандартный шаблон раздела».
После выбора нужного вам типа у вас откроется окно с настройками пункта меню. Для примера я выбрал «Стандартный шаблон материала».
- Заголовок – название пункта меню.
- Псевдоним – можно оставлять пустым.
- Показать в – выбираем в каком меню мы хотим, чтобы появился наш пункт меню.
- Родительский элемент – ну думаю тут и так все понятно.
- Опубликовано – то же самое, что и с предыдущим пунктом.
- Доступ – кто может видеть этот пункт меню. Обычно ставится значение «Все».
- Открывать в – обычно ставится «этом же окне с навигацией».
Теперь перейдем к «Параметрам». Здесь мы рассмотрим только вкладки «Основные» и «Система». Сначала давайте разберемся с первым. Во вкладке «Основные» нужно выбрать тот материал, который вы хотите привязать к пункту меню. Теперь перейдем к следующей вкладке под названием «Система».
Здесь самую важную роль играют два пункта. Это «Заголовок страницы» и «Показать заголовок страницы». Первый пункт отвечает за формирование Title для пункта меню, а второй за активацию этой функции. Title очень важен для поисковой оптимизации сайта, поэтому рекомендую отдельно ознакомиться со статьей «Настройка title, description и keywords в Joomla 1.5».
На этом статья о создании и настройке меню в Joomla подошла к концу. Удачи вам и до скорых встреч на страницах блога!
Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter
dmitriydenisov.com
Модули меню для Joomla 3.x
Бесплатные расширения для Joomla
Обзор модулей меню для CMS Joomla 3.x.
1. Maxi Menu CK
Сайт разработчика: http://www.joomlack.fr/en/download-joomla-extensions/view_categories/1-maximenu-cks/view_document/1-maximenu-ck-module-v6-joomla-2-5
Расширение полностью совместимо с CMS Joomla 2.5/3.x.
Мощный, SEO оптимизированный модуль для создания горизонтального или вертикального выпадающего меню с адаптивным дизайном и красивыми эффектами. Кроме того, имеется возможность публикации на одной странице нескольких экземпляров данного модуля. К сожалению, функционал бесплатной версии данного расширения весьма ограничен.
После установки модуля на экране отображаются ссылки для загрузки документации к нему и платных опций: расширенного пакета графических тем оформления, плагина легкого управления меню, патчей для компонентов «Virtuemart», «Hikashop», «Joomshopping» и K2, а также плагина для корректного отображения созданного меню на мобильных устройствах.
Далее нужно перейти в «Менеджер модулей» и выбрать в нем «Maxi Menu CK». На вкладке «Module» панели управления модулем можно выбрать меню для публикации, ввести уникальный ID модуля, базовый пункт меню и его начальный и конечный уровни, а также можно выключить опцию подуровней.
Кроме того, можно воспользоваться мастером настройки меню:
Удобство использования мастера меню состоит в быстром переключении между типами меню и необходимыми им опциями, но актуально по большей части, лишь в случае установленных дополнительно платных расширений. На вкладке «Привязка к пунктам меню» можно выбрать страницы сайта, на которых будет отображаться модуль; вкладке «Effect Options» позволяет отключить использование эффектов на javascript, выбрать их тип загрузки и произвести настройку визуальных эффектов для пунктов и подпунктов меню. В «Styles Option» можно выбрать тему меню (по умолчанию доступно три), ориентацию меню, отключить адаптивный дизайн меню и выбрать файл CSS шаблона.
В разделе «Logo options» можно выбрать файл логотипа, который будет отображаться на меню, добавить к нему ссылку и определить его позицию, ширину, высоту и отступы. После выбора позиции меню в шаблоне и изменения состояния на «Опубликовано», меню появляется на сайте.
Работающее на сайте расширение выглядит следующим образом:
Данное меню (после установки платного патча) оптимально использовать в качестве основного меню для интернет-магазина на «Joomshopping», «Virtuemart» или «Hikashop», поскольку оно позволяет автоматически вывести список категорий товаров.
2. ARI Ext Menu
Сайт разработчика: http://www.ari-soft.com/vmchk/Joomla-Components/ARI-Ext-Menu/Detailed-product-flyer.html
Расширение полностью совместимо с CMS Joomla 1.5-1.7/2.5/3.x.
Настраиваемый модуль меню, поддерживающий горизонтальную и вертикальную ориентацию, два эффекта перехода.
Для установки расширения требуется перейти к «Менеджеру расширений», выбрать посредством диалога загруженный файл модуля и нажать на кнопку «Загрузить и установить». В настройках модуля можно выбрать меню, которое будет отображаться посредством данного модуля, ориентацию меню, начальный и конечный уровень иерархии, а также настроить такие параметры, как показывать только активные подпункты меню, подсвечивать текущий пункт меню. Среди системных настроек доступны опция загрузка библиотеки ExtJS, выбор метода ее загрузки и генерация уникального идентификатора. Также можно настроить параметры стиля пунктов и подпунктов меню: цвет фона, текста, размер шрифта, выравнивание и прочее. Расширенные настройки модуля вполне стандартные и содержат параметры кэширования, срок кэширования, HTML-тег модуля, размер Bootstrap, HTML-тег заголовка и CSS-класс заголовка. После задания модулю позиции и публикации модуля на сайте появляется меню следующего вида:
3. Accordeon Menu CK
Сайт разработчика: http://www.joomlack.fr/en/download-joomla-extensions/view_categories/5-accordeonmenu-ck
Расширение полностью совместимо с CMS Joomla 2.5/3.x.
Еще одно меню от студии JoomlaCK. Позволяет вставить красивые эффекты при открытии подменю, многократно использовать модуль на странице. Особенность модуля является возможность вставки в него других модулей. Также в дополнение к модулю имеются платные патчи для Hickashop и Virtuemart.
После стандартной процедуры установки расширения на экране появляется сообщение об успешной установке модуля и ссылка на загрузку документации к нему, а также приводится вид ссылки для вставки любого модуля в качестве одного из пунктов меню.
Перейдя к панели управления модулем можно выбрать меню для отображения в модуле, базовый пункт меню, начальный и конечный уровни, а также установить суффиксы и тип выравнивания ссылок для изображений. На вкладке «Effects» можно выбрать событие, при котором пункт меню открывается, будет ли показана ссылка при наведении курсора мыши на изображение, тип перехода, необходимость использования эффектов для активного подменю; также можно задать ID пункта меню, активного по умолчанию. На вкладке «Styles» можно выбрать для меню тему оформления, указать папки с изображениями, которые будут отображаться при свернутом и при развернутом меню, а также указать для них позицию выравнивания. Вкладка «Menu styles» содержит множество настроечных параметров внешнего вида меню: полей, заднего плана, закругления углов пунктов меню, теней и границ. На вкладках «First level link styles», «Second level link styles» и «Other level link styles» можно изменить шрифт, цвет текста и фона для ссылок, выводимых в пунктах меню. Вкладка «Third party extensions Options» предназначена для настроек совместимости с компонентами «Hikashop» и «Virtuemart» и требует загрузки и установки соответствующих патчей. Настройка мобильных опций в бесплатной версии расширения также недоступна.
Для успешного функционирования требуется выполнить привязку модуля к пунктам меню, указать его позицию и опубликовать. Ниже приведен пример работы модуля на сайте.
4. JB DropDown Menu for Bootstrap
Сайт разработчика: http://www.extly.com/utilities/jb-dropdown-menu.html
Расширение полностью совместимо с CMS Joomla 2.5/3.x.
Модуль меню, работающий с Twitter's Bootstrap и JBootstrap, основан на встроенном модуле меню Joomla. Установка модуля стандартна. В настройках модуля требуется лишь выбрать одно из меню системы, начальный и конечный уровень, а также имеется настраиваемая возможность показывать подпункты меню. После того, как Вы назначите данному модулю его позицию и опубликуете его, на сайте появится меню следующего вида:
5. DJ-Menu
Сайт разработчика: https://dj-extensions.com/dj-menu
Расширение полностью совместимо с CMS Joomla 2.5/3.x.
Меню с выпадающим списком и анимированными эффектами на базе Mootools. Установка модуля производится стандартно. На вкладке «Module» настроек расширения необходимо выбрать меню, которое модуль будет отображать, а также определить последний из его уровней и, если это требуется, включить вывод меню на маленьких экранах и установить его ширину в этом случае. Вкладка «CSS3 Animations and script features» позволяет настроить эффекты анимации при входе и выходе из меню, а также скорость анимации, установить время задержки при закрытии подменю, CSS-класс заголовка, его HTML-тег и размер Bootstrap.
Ниже приведен пример созданного с помощью данного модуля меню.
Все рассмотренные в обзоре модули для создания на сайте под управлением CMS Joomla 3.x меню позволяют создать меню с подуровнями. Рассмотренные модули по большей части отличаются наличием тех или иных эффектов анимации и возможностью отображения на мобильных устройствах. Поэтому для сайтов, ориентированных на мобильных пользователей (а таких становится всё больше), стоит отдать предпочтение модулю «DJ-Menu». Модуль «Accordeon Menu CK» хорош тем, что позволяет вставить в себя содержимое другого модуля; модуль «JB DropDown Menu for Bootstrap» - самый простой и «легкий» из рассмотренных расширений и будет неплохо выглядеть в паре, например, с модулем меню Joomla по умолчанию. Функциональность модуля «Maxi Menu CK» впечатляет, но, поскольку в бесплатной версии она существенно ограничена, для того, чтобы воспользоваться ей, требуются финансовые вложения.
- < Назад
- Вперёд >
www.jtemplate.ru
