Как сделать меню в Joomla?

Сегодня я расскажу вам, как сделать меню Joomla. Также вы узнаете, как заполнить меню пунктами и как отобразить его на странице. В качестве примера я буду использовать бесплатный шаблон JM Services.

Что такое меню в Joomla и для чего оно нужно?

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

Как добавить меню в Joomla?

В Joomla предусмотрена встроенная система для создания меню. Пройдите в панель администрирования, а затем перейдите во вкладку управления Меню (Menus).

Menus > Manage > Add new menu (Меню > Менеджер меню > Новое меню)
001

Перед вами откроется следующая форма:

002
003
  1. Title (Заголовок) – введите заголовок нового меню;
  2. Menu Type (Тип меню) – системное название меню;
  3. Description (Описание) – опциональное поле для ввода описания нового меню;
  4. Menu Permissions (Права доступа к меню) – выставите необходимые права доступа (я предпочитаю использовать настройки по умолчанию);
  5. Save & Close (Сохранить и закрыть) – нажмите на эту кнопку, чтобы сохранить настройки меню.

Вы только что создали меню для Joomla 3! Оно выглядит следующим образом:

004

Пункты меню в Joomla: что это и как их создать?

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

Menus > [your menu name] > Add new menu item (Меню > Название вашего меню > Добавить новый пункт меню)
005

Появится следующая форма:

006
  1. Menu Title (Заголовок меню) – введите название пункта меню;
  2. Alias (Алиас) – введите псевдоним для нового пункта меню;
  3. Menu Item Type (Тип пункта меню) – нажмите Select (Выбрать).

Здесь из выпадающего списка можно выбрать тип нового пункта выпадающего меню Joomla 3. Я выбрал Category Blog:

007

Как только выберете тип пункта меню, вас перенаправит к предыдущей форме:

008
  1. Choose a Category (Выберите категорию) – выберите категорию для статей;
  2. Menu (Меню) – выберите меню. В данном примере используется My menu;
  3. Parent Item (Родительский элемент) – выберите родительский элемент. Я выбрал Menu item root, но вы можете создать собственную иерархию.

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

  1. Save & Close (Сохранить и закрыть) – нажмите эту кнопку, чтобы сохранить настройки.

Перед вами появится сообщение о том, что новый пункт меню успешно сохранён:

009

Последующие пункты меню добавляются таким же образом. Взгляните на мой тестовый образец:

010

Создаём и выводим модуль меню Joomla на страницу

Пройдите в панель администрирования сайта:

Extensions > Modules (Расширения > Модули).
011

На этой странице вы увидите список модулей, которые можно использовать для вашего сайта. Чтобы отобразить меню на странице, нужно создать модуль меню для Joomla 3. Для этого нажмите кнопку «New» («Создать»):

012

На этой странице можно увидеть список доступных типов модулей. Нажмите на «Menu» (Меню):

013

И перед вами появится следующая форма:

014
  1. Title (Заголовок) – заголовок для нового модуля;
  2. Select Menu (Выбрать меню) – из выпадающего списка выберите меню, которое мы только что создали;
  3. Position (Расположение) – выберите, где будет отображаться модуль. У каждого шаблона Joomla свой список расположений для модулей меню. Я выбрал header (заголовочная часть страницы);
  4. Status (Статус) – переключите статус на Published (Размещено), иначе меню не будет отображаться на странице;
  5. Menu Assignment (Привязка меню) – перейдите в эту вкладку, и привяжите модуль меню к определённым страницам.

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

015
  1. Module Assignment (Привязка модуля) – укажите, на каких страницах должен отображаться модуль. Я выбрал опцию On all pages (На всех страницах);
  2. Save & Close (Сохранить и закрыть) – нажмите эту кнопку, чтобы сохранить настройки.

На этом всё! Посмотрите, как горизонтальное меню для Joomla 3 смотрится на сайте:

016

Перевод статьи “How to create a Joomla menu?” был подготовлен дружной командой проекта Сайтостроение от А до Я.

15 июня 2017 в 12:16
Материалы по теме
{"url":"http://www.fastvps.ru/", "src":"/images/advbanners/fastvps.png", "alt":"Хостинг Fastvps.ru. Наш выбор!"}
Заработок