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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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