Добавить в корзинуПозвонить
Найти в Дзене
Андрианов

Создание сайта. Создаем горизонтальное меню в Джумла

1. Заходим во вкладку Меню (наверху набор вкладок) Появится Менеджер меню, наводим мышкой на него, появится  Создать меню, нажимаем на него. В поле Заголовок * пишем имя меню, например Menu top, В поле Тип меню*  пишем menu-top, это название потом будет использовать в коде. Сохранить, закрыть и в списке меню появляется новое меню с именем  Menu top. 2. Заходим в список всех меню (обычно называется Все меню) Смотрим напротив этого меню справа есть кнопка  Добавить модуль для этого меню Нажимаем и в поле заголовок пишем такое же название как  у вашего созданного меню (чтобы не путаться в будущем) в данном случае Menu top пишем В поле Выбор меню, выбираем меню Menu top Показывать подпункты меню  Да 3. Выбираем позицию справа в раскрывающемся списке. Там будут позиции из всех шаблонов которые установлены в Джумлу. После установки джумлы будут два шаблона: Beez3 и Protostar, и именно их позиции будут отображаться в этом списке. Выбираем например позицию Position 1, 4. Заходим во вкладку «Д

1. Заходим во вкладку Меню (наверху набор вкладок)

Появится Менеджер меню, наводим мышкой на него, появится  Создать меню, нажимаем на него.

В поле Заголовок * пишем имя меню, например Menu top,

В поле Тип меню*  пишем menu-top, это название потом будет использовать в коде.

Сохранить, закрыть и в списке меню появляется новое меню с именем  Menu top.

2. Заходим в список всех меню (обычно называется Все меню)

Смотрим напротив этого меню справа

есть кнопка  Добавить модуль для этого меню

Нажимаем и в поле заголовок пишем такое же название как  у вашего созданного меню (чтобы не путаться в будущем) в данном случае Menu top пишем

В поле Выбор меню, выбираем меню Menu top

Показывать подпункты меню  Да

3. Выбираем позицию справа в раскрывающемся списке.

Там будут позиции из всех шаблонов которые установлены в Джумлу.

После установки джумлы будут два шаблона: Beez3 и Protostar, и именно их позиции будут отображаться в этом списке.

Выбираем например позицию Position 1,

4. Заходим во вкладку «Дополнительные параметры»

и там нужно ввести в строку «суффикс класса меню» такой код « nav-pills» с пробелом! перед nav-pills (вводите все это без кавычек « »)

или введите nav nav-tabs этот код уже без пробелов. У меня введено nav nav-tabs (это просто указание на то что нужно использовать класс nav-tabs для навигации nav и этот класс сделает меню горизонтальным. Эти классы в бутстрапе который встроен в Джумлу).

Все это и позицию Position 1 и «суффикс класса меню» можно потом изменить в Расширения/Модули, нажимаете на название модуля и там вкладка  «Дополнительные параметры»

Сохраняем внесённые изменения.

Подробнее о позициях и модулях можно почитать в этой статье Создаем модуль в Джумла.

5. Идем  дальше. Позицию для модуля (в котором наше меню) мы выбрали, теперь  Menu top будет находиться вверху на странице сайта, потому что позиция модуля, Position 1, находится вверху в шаблоне.

Теперь давайте создадим пункты меню для страниц (но пунктами могут быть и категории, и список материалов, и всякие ссылки, и вызов установленных программ и много чего другого, Но! нам сейчас нужны пункты которые вызывают страницы).

Давайте сделаем три пункта в нашем меню Menu top, которые будут вызывать три страницы.

(перед этим создайте три страницы с названиями например, первая страница, вторая страница, третья страница )

Затем Заходим в наше меню нажимаем кнопку Создать (создаем пункты меню, для этих страниц).

Пишем заголовок первая страница , дальше посмотрите подробное объяснение, как заполнять другие поля,здесь

Первый раз в Джумле? Сразу Создавайте Статью

Дальше  Делаем пункты с  названием вторая страница и третья страница.

Сохраняемся. Переходим на сайт Обновляем страницу.

Все, теперь у нас есть

1. меню,

2. оно вверху, потому что в Модуле Menu top,

который  в верхней позиции position-1,

3. оно горизонтальное из за суффикса nav nav-tabs

Посмотреть позиции модулей можно не только из админки, но и прямо на сайте.

В адресной строке после названия доменного имени

вводите  /?tp=1 и нажимаете Enter.

Например в адресной строке домен с названием moi-site.ru

тогда пишем moi-site.ru/?tp=1 и нажимаем Enter

Теперь видны позиции модулей, в эти позиции можете вставлять любые модули.

На этом все. Всего хорошего

Создаем модуль в Джумла