Четверг, Сентябрь 17, 2015


В разделе "Joomla 3 + gantry framework"  в качестве базы для изучения  взят шаблон AfterBurner от Rockettheme

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

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

А вот там, где работает Gantry Framework, модуль показывает все свои достоинства, может отражаться как в горизонтальной, так и вертикальной позиции и имеет два варианта: 

1. Dropdown Menu -

Подведите курсор к нашему верхнему меню. Вы видите, что первый уровень заголовков раскрывается в выпадающей (dropdown) манере. В свою очередь, второй уровень может содержать свой уровень, который по отношению к первому будет уже третьим.
Пример: Мастерская>>Демонстрационный зал>>Coming Soon .
А дальше идёт четвёртый уровень - Мастерская>> Демонстрационный зал >>Coming Soon>>Описание плагина.

2. SplitMenu

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

Какой режим выбрать, зависит от вас. Выбирается он в параметрах шаблона, работающего на Gantry Framework:




Первый уровень заголовков может отражать иконки к каждому пункту, а также иметь доплнительное описание. Например: пункт меню назван "Учебка", дополнительная надпись - "для "чайников". И выбор иконки, и дополнительная надпись осуществляются в параметрах модуля, через вкладку "Dropdown Menu Options":

Иллюстрация 1

Второй и последующий уровни также могут иметь и иконки меню, и дополнительные надписи. Для этого при создании каждого пункта меню надо поработать во вкладке "Dropdown Menu Options".

А теперь посмотрим принцип Split: при включении этого режима в горизонтальном меню остаются рабочими кнопки только первого уровня. При этом автоматически справа (позиция sidebar) появляется отдельный - вертикальный - модуль меню того раздела, на кнопку которого вы нажали в верхнем меню.
Например, если нажать на кнопку пункта "Мастерская", то все подпункты, видимые при включенном режиме Dropdown, отразятся в модуле справа. Модуль будет иметь название, аналогичное названию пункта из верхнего меню, т.е. в нашем случае - "Мастерская".

Из Базового курса вам уже хорошо известно, как создаётся новое системное меню (урок "Как создать меню") и как создаются пункты меню (урок "Создание пунктов меню") . Уроки даны на примере Joomla 1.5, однако принцип создания меню и пунктов меню одинаков во всех версиях нашего движка.


Итак, в mainmenu (главное меню) создаём новый пункт. Например, "Курилка". Это будет корневой пункт меню, что надо отметить в параметрах:


Иллюстрация 2

Далее создаём ещё один пункт, например, "Регистрация новичков". Но теперь в параметрах выбираем ему в качестве Родительского элемента уже пункт "Курилка":


Иллюстрация 3

Вот так и продолжаем строить любое меню, не только главное. Ведь на большом сайте системных меню может быть создано очень много.

Заканчивая урок, ещё раз хочу подчеркнуть, что модуль Roknavmenu прекрасно работает с Gantry Framework, и сегодняшнее небольшое  пособие написано в расчете на всех, кто его внимательно изучает.

Примечание: иллюстрации сделаны на базе Joomla 2.5, но в Joomla 3.0 принцип остается тем же.

 

 

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

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

Поделиться:

Что нужно знать новичку

Как самому сделать сайт?

Какими знаниями и умениями неплохо было бы обладать для того, чтобы сделать свой сайт, а также облегчить и ускорить учебный процесс?
Проверить