Очень важный момент для любого сайта - это навигация. Чтобы пребывание пользователей на сайте было комфортным, в первую очередь надо позаботиться о создании хорошего меню.
Если ваш сайт небольшой - типа "семейного", - то никаких проблем в создании меню нет. И совсем по-иному выглядит ситуация с порталами, где разделов много, и, чтобы "выложить" на обозрение все материалы, требуется создание нескольких меню.
Демонстрационный материал нашего Демо-сайта содержит всего сорок статей, при этом создано четыре меню:
1) верхнее горизонтальное меню в позиции user3:
Рис.1
...и три меню в позиции left :
2) "Mainmenu" - Главное меню; 3) "Resources" - "Ресурсы" - это меню ссылок на другие сайты (что сразу видно, если подводить курсор к пунктам меню, - внизу панели компьютера появляется описание ссылки); и 4) "Key Concepts" ("Ключевые понятия") :
Рис.2
Для управления всеми меню предназначено меню, которое так и называется: "Все меню". Отсюда можно создавать новые меню и управлять уже созданными. Попасть в Менеджер меню можно также, нажав на иконку "Меню":
Рис.3
Далее мы рассмотрим:
- как создаётся новое системное меню (на примере меню spravka) - как создаётся модуль меню (на примере модуля Справочное бюро) - как выбирается нужный тип меню для создания нового пункта меню (на примере пункта меню Контакты).
Как создать новое меню Joomla-сайта?
Шаг 1. Открываем меню Все меню>>Меню :
Рис.4
Шаг 2. В открывшемся Менеджере меню нажимаем на кнопку "Создать" :
Рис.5
Шаг 3. В открывшемся окне "Детали меню: (Создать)" заполняем форму (используйте при необходимости всплывающие подсказки!). Для примера создадим на Демо-сайте отдельное меню под названием "Справочное бюро" с такими деталями:
Рис.6
Не забудем нажать на кнопку "Сохранить".
Шаг 4. Мы находимся теперь в Менеджере меню и видим, что новое меню -"Справочное бюро" - создано. Чтобы открыть его для редактирования, надо нажать на иконку (на неё указывает красная стрелка на Рис.7) справа от заголовка :
Рис.7
Создание нового пункта меню
Каждый пункт меню можно завязать и на материал, и на какой-либо компонент. О привязке пунктов к материалам мы поговорим в следующем уроке, а сегодня создадим пункт меню, привязанный к компоненту "Контакты".
Шаг 1. В новом окне "Пункты меню: (spravka)" пока нет ни одного пункта. Пусть первым у нас будет пункт "Контакты" - ведь необходимую подготовительную работу для этого мы с вами уже провели в уроке Стандартные компоненты: Контакты .
Для создания пункта меню надо нажать на кнопку "Создать" :
Рис.8
Шаг 2. В окне "Пункты меню: (Создать)" из списка типов меню выбираем "Контакты" и нажимаем на него. Раскроется подменю из двух пунктов. Сегодня мы используем "Стандартный шаблон контакта", поэтому жмём именно на этот заголовок:
Рис.9
Шаг 3. В окне "Пункт меню: (Создать)" заполняем необходимые строчки. Можете воспользоваться рисунком-подсказкой :
Рис.10
Шаг 4. Нажимаем на кнопку "Сохранить".
Итак, мы создали новое меню "Справочное бюро". В нём есть уже один пункт - "Контакты". Но увидеть меню мы не сможем до тех пор, пока не создадим для него модуль. Запомните, друзья мои: для отображения меню надо создать модуль!
Создаём модуль для меню "Справочное бюро"
Как создаются модули, мы изучили в уроке Стандартные модули Joomla!, поэтому предстоящая процедура не должна вызвать у вас больших хлопот:
Шаг 1. Открываем меню Расширения>>Менеджер модулей и нажимаем на кнопку "Создать".
Шаг 2. В окне "Модуль: (Создать)" включаем кнопку слева от заголовка "Меню", а затем жмём на кнопку "След." :
Рис.11
Шаг 3. В следующем окне "Модуль:(изменить)" устанавливаем необходимые параметры:
Рис.12
Шаг 4. Сохраняем настройки, нажав на кнопку "Сохранить".
Шаг 5. Открываем в браузере новую вкладку с Главной страницей Демо-сайта и любуемся на результат:
Рис.13
Шаг 6. А теперь осталось посмотреть, как выглядит наша страница для контактов. Нажимаем на пункт меню "Контакты", и перед нами откроется искомая страница:
Рис.14 Послесловие к уроку
Как вы успели заменить, модуль нашего меню отличается от тех трёх, что находятся выше него. Это зависит от того, что мы не использовали "Суффикс класса модуля". Если бы мы в расширенных параметрах модуля прописали , то оформление модуля "Справочное бюро" было бы точно таким же, как и у остальных модулей. Поэтому при желании вернитесь в Расширения>>Менеджер модулей, найдите модуль "Справочное бюро" и в Параметрах>>Расширенные параметры в строчке "Суффикс класса модуля" впишите слово_menu . Опять вернитесь на Главную страницу и сравните результат: