Создание нового меню Джумла
В предыдущем уроке о создании меню, мы добавляли, в уже существующий пункт, свои разделы. Сейчас создадим новое меню с нуля.
Это действие будет происходить в три этапа:
А. Создание меню.
Б. Создание пунктов меню.
В. Создание модуля для данного меню и привязка его к определённому месту на нашем сайте.
Создание меню Джумла
Переходим по вкладке Меню – Менеджер меню – Создать меню.
Здесь прописываем Заголовок и Тип меню. Сохранить и закрыть.
Создание пунктов меню
Как видим у нас появилось наше меню. В графе опубликованных – 0 пунктов.
Создадим необходимые нам. Для этого нажимаем на название меню (ШКАФЫ).
Попали на страницу Меню: Пункты (ШКАФЫ).
Нажимаем кнопку "Создать".
Открывается Менеджер меню: Создание пункта меню.
Заполняем Заголовок меню. При необходимости выставляем в графе Меню, нужное нам, у нас это напомню – ШКАФЫ.
Напротив Тип пункта меню – Выбрать.
Я буду создавать меню, в котором каждому его пункту, будет соответствовать определённый материал. Т.е. при нажатии на него пользователь будет перенаправлен на конкретную статью, а не на несколько материалов, сгруппированных по определённому принципу.
Действия аналогичные ранее рассмотренным.
Материалы – Материал.
Выбор материала – Выбрать.
Нажимаем на название статьи, соответствующей пункту меню.
Аналогичным образом я создам ещё 9 пунктов. Можно сразу нажать "Сохранить и создать", и повторить действия изложенные выше.
Не забываем смотреть на вкладку Меню, в моём случае там должно отображаться – ШКАФЫ.
По окончании добавления всех необходимых пунктов в данное меню, мы видим, что отображаются 10 опубликованных.
Создание модуля
Вкладка Расширения – Модули.
У нас уже есть три модуля, созданные по умолчанию самой Джумла. Их мы видим на страницах нашего сайта.
Создадим свой. В левом верхнем углу нажимаем "Создать".
Мы видим очень много готовых модулей, которые и делают Джумла очень гибкой системой управления сайтом. Напротив каждого, краткое описание, за что он отвечает.
Нас интересует конкретно Меню. Нажимаем на название.
В открывшемся окне и создадим нужное нам меню.
Прописываем "Заголовок".
Выбираем меню – ШКАФЫ.
Выбираем позицию, в наше случае Right (position-7). Как и где посмотреть расположение позиций модулей подробно описано в этой статье ниже.
В этом же окне нажимаем на вкладку "Привязка к пунктам меню".
Практически всегда, определённые модули меню, нужно отобразить не на всех страницах сайта, а на конкретных.
Мне не нужно присутствие этого модуля на главной странице и станице описания компании. Он должен отображаться только при просмотре статей, непосредственно связанных со шкафами-купе.
Для этого в графе Привязка модуля выставляем – Только на указанных страницах.
Выбор меню – отмечаем нужные нам статьи.
Всё, "Сохранить и закрыть".
Появился наш созданный модуль, с выбранной позицией.
Посмотрим, как изменился наш сайт. Появилось новое меню ШКАФЫ КУПЕ, со своими пунктами.
Теперь, если мы перейдём по одному из них, то попадаем на конкретную статью.
Как и обещал ранее, сейчас мы рассмотрим, как же посмотреть, где отображается позиция модуля.
Для этого зайдём в настройки шаблона сайта. По умолчанию Джумла устанавливает свой, встроенный – Protostar. Простенький шаблон, с минимумом настроек, но адаптивный, т.е. сайт одинаково хорошо отображается на любых устройствах. Будь то ПК или смартфон.
Вкладка Расширения – Шаблоны.
В правом верхнем углу – Настройки.
Нас интересует Просмотр позиций модуля. По умолчанию эта функция выключена, мы её активируем.
Сохранить и закрыть.
Открываем наш сайт, после адреса добавляем следующее /?tp=1.
Перегружаем страницу и видим появившиеся надписи, которые и указывают на название и расположение различных модулей.
Если ничего не изменилось, почистите кэш браузера.
В следующем, небольшом уроке мы переместим главное меню в более привычное для этого место. Оно будет располагаться вверху и горизонтально.