gototopgototop
Register
Вход
Home /  Создание меню /  Как создать меню
Создание нового меню, пункта меню и модуля меню E-mail
Базовый курс - Создание меню
Навигация по сайту: создание менюОчень важный момент для любого сайта - это навигация. Чтобы пребывание пользователей на сайте было комфортным, в первую очередь надо позаботиться о создании хорошего меню.

Если ваш сайт небольшой - типа "семейного", - то никаких проблем в создании меню нет. И совсем по-иному выглядит ситуация с порталами, где разделов много, и, чтобы "выложить" на обозрение все материалы, требуется создание нескольких меню.



Демонстрационный материал нашего Демо-сайта содержит всего сорок статей, при этом создано четыре меню:

1) верхнее горизонтальное меню в позиции user3:

Уроки Joomla :: Создание меню
Рис.1

...и три меню в позиции left :

2) "Mainmenu" - Главное меню;
3) "Resources" - "Ресурсы" - это меню ссылок на другие сайты (что сразу видно, если подводить курсор к пунктам меню, - внизу панели компьютера появляется описание ссылки);
и 4) "Key Concepts" ("Ключевые понятия") :

Уроки Joomla :: Создание меню
Рис.2

 

Для управления всеми меню предназначено меню, которое так и называется: "Все меню". Отсюда можно создавать новые меню и управлять уже созданными.
Попасть в Менеджер меню можно также, нажав на иконку "Меню":

Уроки Joomla :: Создание меню
Рис.3

Далее мы рассмотрим:

- как создаётся новое системное меню (на примере меню spravka)
- как создаётся модуль меню (на примере модуля Справочное бюро)
- как выбирается нужный тип меню для создания нового пункта меню (на примере пункта меню Контакты).


 

Как создать новое меню Joomla-сайта?



Шаг 1.
Открываем меню Все меню>>Меню :

Уроки Joomla :: Создание меню
Рис.4

Шаг 2. В открывшемся Менеджере меню нажимаем на кнопку "Создать" :

Уроки Joomla :: Создание меню
Рис.5

Шаг 3. В открывшемся окне "Детали меню: (Создать)" заполняем форму (используйте при необходимости всплывающие подсказки!). Для примера создадим на Демо-сайте отдельное меню под названием "Справочное бюро" с такими деталями:

Уроки Joomla :: Создание меню
Рис.6

Не забудем нажать на кнопку "Сохранить".

Шаг 4. Мы находимся теперь в Менеджере меню и видим, что новое меню -"Справочное бюро" - создано. Чтобы открыть его для редактирования, надо нажать на иконку (на неё указывает красная стрелка на Рис.7) справа от заголовка :

Уроки Joomla :: Создание меню
Рис.7



Создание нового пункта меню

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



Шаг 1. В новом окне "Пункты меню: (spravka)" пока нет ни одного пункта. Пусть первым у нас будет пункт "Контакты" - ведь необходимую подготовительную работу для этого мы с вами уже провели в уроке Стандартные компоненты: Контакты .

Для создания пункта меню надо нажать на кнопку "Создать" :

Уроки Joomla :: Создание меню
Рис.8

Шаг 2. В окне "Пункты меню: (Создать)" из списка типов меню выбираем "Контакты" и нажимаем на него. Раскроется подменю из двух пунктов. Сегодня мы используем "Стандартный шаблон контакта", поэтому жмём именно на этот заголовок:

Уроки Joomla :: Создание меню
Рис.9

Шаг 3. В окне "Пункт меню: (Создать)" заполняем необходимые строчки. Можете воспользоваться рисунком-подсказкой :

Уроки Joomla :: Создание меню
Рис.10

Шаг 4. Нажимаем на кнопку "Сохранить".

Итак, мы создали новое меню "Справочное бюро". В нём есть уже один пункт - "Контакты". Но увидеть меню мы не сможем до тех пор, пока не создадим для него модуль. Запомните, друзья мои: для отображения меню надо создать модуль!




Создаём модуль для меню "Справочное бюро"


Как создаются модули, мы изучили в уроке Стандартные модули Joomla!, поэтому предстоящая процедура не должна вызвать у вас больших хлопот:

Шаг 1. Открываем меню Расширения>>Менеджер модулей и нажимаем на кнопку "Создать".

Шаг 2. В окне "Модуль: (Создать)" включаем кнопку слева от заголовка "Меню", а затем жмём на кнопку "След." :

Уроки Joomla :: Создание меню
Рис.11

Шаг 3. В следующем окне "Модуль:(изменить)" устанавливаем необходимые параметры:

Уроки Joomla :: Создание меню
Рис.12

Шаг 4. Сохраняем настройки, нажав на кнопку "Сохранить".

Шаг 5. Открываем в браузере новую вкладку с Главной страницей Демо-сайта и любуемся на результат:

Уроки Joomla :: Создание меню
Рис.13

Шаг 6. А теперь осталось посмотреть, как выглядит наша страница для контактов. Нажимаем на  пункт меню "Контакты", и перед нами откроется искомая страница:

Уроки Joomla :: Создание меню
Рис.14 
 

Послесловие к уроку


Как вы успели заменить, модуль нашего меню отличается от тех трёх, что находятся выше него. Это зависит от того, что мы не использовали "Суффикс класса модуля". Если бы мы в расширенных параметрах модуля прописали , то оформление модуля "Справочное бюро" было бы точно таким же, как и у остальных модулей. Поэтому при желании вернитесь в Расширения>>Менеджер модулей, найдите модуль "Справочное бюро" и в Параметрах>>Расширенные параметры в строчке "Суффикс класса модуля" впишите слово _menu . Опять вернитесь на Главную страницу и сравните результат:

Уроки Joomla :: Создание меню
Рис.15

Всё получилось? Так и должно было быть!


 
ВХОД на сайт



Базовый курс создания сайта

Предисловия к Базовому курсу

Установка и настройка Joomla!

Работа с расширениями Joomla!

2011-03-11-22-16-12Работа со статьями

Создание меню

Работа с хостингом

Безопасность сайта

Ссылки для скачиваний

 

Есть ли народ на сайте?

Сейчас 25 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter