Понедельник, Сентябрь 14, 2015

     Как создать свой сайт на Joomla

 
Базовый курс для "чайников"

Напоминание: наш Базовый курс создания сайта основан на изучении Joomla 1.5

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

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

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

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 . Опять вернитесь на Главную страницу и сравните результат:


Рис.15

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

 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться: