В теории сайтостроения рациональным всегда считалось использование правого вертикального меню. Но наша жизнь динамична: меняется всё, и сайты в том числе. Современный веб-портал уже нельзя представить без верхнего, а может и нижнего, горизонтального меню.
Пользователи популярной и бесплатной CMS – Joomla – среди прочих часто задают вопрос: а как сделать, настроить и изменить горизонтальное меню для joomla 3 (joomla 3.5).
Есть несколько вариантов и возможностей.
Как сделать горизонтальное меню в joomla 3 (joomla 3.5)
Разберём стандартный путь – работа с базовыми расширениями joomla.
1. Создаём новое меню. Для этого нужно зайти в менеджер меню.
Нажать кнопку «Создать», в левом верхнем углу страницы.
И заполнить поля:
• заголовок – по нему мы всегда сможем найти своё меню в длинном списке других созданных нами модулей;
• тип меню – зададим говорящее название– topmenu (как известно в Joomla 3 предусмотрено 2 стандартных меню: mainmenu, обычно вертикальное боковое, и горизонтальное topmenu);
• описание – строка не обязательная для заполнения, но помогает ориентироваться во множестве созданных модулей.
Не забываем сохранять результат.
2. Создаём для нового меню модуль. Нажимаем соответствующую кнопку напротив нового меню и заполняем форму.
Главное ввести аналогичный заголовок и выбрать нужную позицию (Обычно используют “Top [position-1]”, но вы можете выбрать любую вам подходящюю).
3. Затем выбираем вкладку «Дополнительные параметры» и вводим в строку «суффикс класса меню» следующее – « nav-pills» с обязательным пробелом передвведением слов nav-pills. Сохраняем внесённые изменения.
4. Создаём пункты, чтобы проверить наглядно, как работает модуль горизонтального меню для joomla 3. Возвращаемся в менеджер меню и выбираем «Пункты меню».
Далее «Создать» страницу. Например, “Главная”, “Контакты”, “Статьи”, “Новости”, “Каталог”.
Прежде чем создавать тот или иной тип пункта, например, материалы, нужно, чтобы в Joomla нужный материал уже был добавлен. Иначе тип пункта «Материалы» создать не удастся. Тоже касается и контактов, ссылок, лент новостей.
Теперь можем посмотреть, какое горизонтальное меню у нас получилось.
Настройка меню
Базовый компонент меню в Joomla 3 можно изменять на своё усмотрение:
- создавать разные пункты меню (материалы, контакты, ссылки, ленты новостей и прочие);
- назначать один из пунктов главной страницей;
- а также изменять базовые стили.
Назначать пункт главной странице просто. В списке опубликованных пунктов нужно просто нажать на звёздочку напротив названия.
Стили, в отличие от предыдущих версий Joomla, проработаны хорошо, но только в шаблоне Protostar.
1) Проверим, установлен ли он у вас. Для этого зайдите в расширения, а далее в менеджер шаблонов (В админке вкладка “Расширения”). Если он есть в списке и напротив стоит жёлтая звёздочка, значит этот шаблон используется по умолчанию.
1) Переходим к модулю нашего горизонтального меню, в нем вкладка “Дополнительные параметры” – ранее уже редактировали. В нём уже задана позиция и суффикс класса. Как раз последний мы и будем менять, вставляя разные базовые значения:
· nav nav-pills;
· nav nav-tabs.
Специализированные модули
Итак, мы научились создавать модуль горизонтального меню для joomla 3, настраивать, создавать пункты и менять стили оформления. А что если это меню не вписывается в цветовую гамму оформления сайта или вообще нарушают целостную картину? Всегда можно установить дополнительный модуль. На просторах интернета множество бесплатных и недорогих полезных разработок.
Модуль Za Horizontal & Vertical
Подходит для Joomla 3 и 2.5. С его помощью можно создавать вертикальные и горизонтальные меню, а также многоуровневые (неограниченное количество подменю). Совместим со всеми популярными браузерами. Содержит 5 анимированных стилей оформления. Можно регулировать продолжительность анимации, менять цветовые схемы, шрифт и двигать границы. Позиционируется разработчиками как гибкий и простой модуль. К сожалению, не бесплатный.
BM Cool Menu
Любимый многими веб-разработчиками модуль, бесплатный и безопасный. Создавался для Joomla 3. Простой в использовании, адаптивный. Поддерживает многоуровневые меню. Можно донастраивать вручную, если знать, как (через CSS).
SJ Flat Menu
Профессиональная разработка для Joomla 3 и 2.5. Это мощный адаптивный модуль, показывает многоуровневое меню в оригинальном стиле. Оформлением можно менять: в виде аккордеона или всплывающих пунктов в вертикальном (левом или правом) и горизонтальном меню. Множество параметров доступно для изменения. На мобильных устройствах автоматически переключается с горизонтального на вертикальный тип.
ARI Ext Menu
Для создания горизонтального выпадающего меню в Joomla 3. Поддержка планшетных, мобильных устройств. Адекватно отображается во всех браузерах. Не грузит страницу. Прост в использовании. Находится в свободном доступе.
MAXI Menu CK
Для Joomla 3 и 2.5. Мощный и SEO-оптимизированный модуль, позволяет создавать горизонтальное и вертикальное выпадающее меню. Адаптивный дизайн. Красивые эффекты. Функционал демо-версии ограничен. В полной платной версии имеются пакеты различного оформления и тем, плагины лёгкого управления и корректного отображения на мобильных устройствах.
Итак, мы смогли создать горизонтальное меню для joomla 3, с помощью базового расширения, поменяли в нём стили, и расмотрели несколько специальных сторонних разработок для улучшения вашего меню.