Создание нового меню Джумла

 В предыдущем уроке о создании меню, мы добавляли, в уже существующий пункт, свои разделы. Сейчас создадим новое меню с нуля.

 Это действие будет происходить в три этапа:

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

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

В. Создание модуля для данного меню и привязка его к определённому месту на нашем сайте.

Создание меню Джумла

 Переходим по вкладке Меню – Менеджер меню – Создать меню.

Менеджер меню

 Здесь прописываем Заголовок и Тип меню. Сохранить и закрыть.

Менеджер меню

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

 Как видим у нас появилось наше меню. В графе опубликованных – 0 пунктов.

 Создадим необходимые нам. Для этого нажимаем на название меню (ШКАФЫ).

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

 Попали на страницу Меню: Пункты (ШКАФЫ).

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

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

 Открывается Менеджер меню: Создание пункта меню.

 Заполняем Заголовок меню. При необходимости выставляем в графе Меню, нужное нам, у нас это напомню – ШКАФЫ.

 Напротив Тип пункта меню – Выбрать.

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

 Я буду создавать меню, в котором каждому его пункту, будет соответствовать определённый материал. Т.е. при нажатии на него пользователь будет перенаправлен на конкретную статью, а не на несколько материалов, сгруппированных по определённому принципу.

 Действия аналогичные ранее рассмотренным.

 Материалы – Материал.

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

 Выбор материала – Выбрать.

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

 Нажимаем на название статьи, соответствующей пункту меню.

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

 Аналогичным образом я создам ещё 9 пунктов. Можно сразу нажать "Сохранить и создать", и повторить действия изложенные выше.

 Не забываем смотреть на вкладку Меню, в моём случае там должно отображаться – ШКАФЫ.

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

 По окончании добавления всех необходимых пунктов в данное меню, мы видим, что отображаются 10 опубликованных.

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

Создание модуля

 Вкладка Расширения – Модули.

Создание модуля

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

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

Создание модуля

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

 Нас интересует конкретно Меню. Нажимаем на название.

Создание модуля

 В открывшемся окне и создадим нужное нам меню.

 Прописываем "Заголовок".

 Выбираем меню – ШКАФЫ.

 Выбираем позицию, в наше случае Right (position-7). Как и где посмотреть расположение позиций модулей подробно описано в этой статье ниже.

Создание модуля

 В этом же окне нажимаем на вкладку "Привязка к пунктам меню".

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

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

 Для этого в графе Привязка модуля выставляем – Только на указанных страницах.

 Выбор меню – отмечаем нужные нам статьи.

 Всё, "Сохранить и закрыть".

Создание модуля

 Появился наш созданный модуль, с выбранной позицией.

Создание модуля

 Посмотрим, как изменился наш сайт. Появилось новое меню ШКАФЫ КУПЕ, со своими пунктами.

Наш сайт

 Теперь, если мы перейдём по одному из них, то попадаем на конкретную статью.

Наш сайт

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

 Для этого зайдём в настройки шаблона сайта. По умолчанию Джумла устанавливает свой, встроенный – Protostar. Простенький шаблон, с минимумом настроек, но адаптивный, т.е. сайт одинаково хорошо отображается на любых устройствах. Будь то ПК или смартфон.

 Вкладка Расширения – Шаблоны.

Позиция модуля в Джумла

 В правом верхнем углу – Настройки.

Позиция модуля в Джумла

 Нас интересует Просмотр позиций модуля. По умолчанию эта функция выключена, мы её активируем.

Сохранить и закрыть.

Позиция модуля в Джумла

 Открываем наш сайт, после адреса добавляем следующее /?tp=1.

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

 Если ничего не изменилось, почистите кэш браузера.

Позиция модуля в Джумла

Позиция модуля в Джумла

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