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

Що таке меню Joomla і для чого воно потрібно?

Меню – один з найважливіших елементів будь-якого сайту. Воно дозволяє організувати структуру сторінки. Завдяки меню, користувачі можуть легко переміщатися по сайту. У кожного пункту меню є свій псевдонім ідентифікатора, за рахунок якого можна скоротити і спростити посилання.

Як додати в меню Joomla?

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

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

Перед вами відкриється наступна форма:

Як зробити меню в Joomla?
Як зробити меню в Joomla?

  • Title (Заголовок) – введіть назву нового меню;
  • Menu Type (Тип меню) – системне назва меню;
  • Description (Опис) – опціональне поле для введення опису нового меню;
  • Menu Permissions (Права доступу до меню) – поставте необхідні права доступу (я віддаю перевагу використовувати налаштування за замовчуванням);
  • Save & Close (Зберегти та закрити) – натисніть на цю кнопку, щоб зберегти налаштування меню.
  • Ви тільки що створили меню для Joomla 3! Воно виглядає наступним чином:

    Як зробити меню в Joomla?

    Пункти меню Joomla: що це і як їх створити?

    У кожному меню може бути пунктів та розділів. Пункти меню визначають тематику вмісту сторінок, на які вони ведуть. Приміром, я створюю пункт для переходу в блозі. Спробуйте самі! Перейдіть в панель адміністрування сайту:

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

    З’явиться наступна форма:

    Як зробити меню в Joomla?

  • Menu Title (Заголовок меню) – введіть назву пункту меню;
  • Alias (Псевдонім) – введіть псевдонім для нового пункту меню;
  • Menu Item Type (Тип пункту меню – натисніть Select (Вибрати).
  • Тут з випадаючого списку можна вибрати тип нового пункту меню Joomla 3. Я вибрав Category Blog:

    Як зробити меню в Joomla?

    Як тільки оберете тип пункту меню, вас перенаправить до попередньої формі:

    Як зробити меню в Joomla?

  • Choose a Category (Виберіть категорію) – виберіть категорію для статей;
  • Menu (Меню), виберіть меню. У даному прикладі використовується My menu;
  • Parent Item (Батьківський) – виберіть батьківський елемент. Я вибрав Menu item root, але ви можете створити власну ієрархію.
  • Можна переходити з інших вкладках і виставляти налаштування для кожного пункту меню. Допускається використання значень за замовчуванням.

  • Save & Close (Зберегти та закрити) – натисніть цю кнопку, щоб зберегти налаштування.
  • Перед вами з’явиться повідомлення про те, що новий пункт меню успішно збережено:

    Як зробити меню в Joomla?

    Наступні пункти меню додаються таким же чином. Погляньте на мій тестовий зразок:

    Як зробити меню в Joomla?

    Створюємо і виводимо модуль меню Joomla на сторінку

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

    Extensions > Modules (Розширення > Модулі).
    Як зробити меню в Joomla?

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

    Як зробити меню в Joomla?

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

    Як зробити меню в Joomla?

    І перед вами з’явиться наступна форма:

    Як зробити меню в Joomla?

  • Title (Заголовок) – назву нового модуля;
  • Select Menu (меню) – з випадаючого списку виберіть меню, яке ми тільки що створили;
  • Position (Розташування) – виберіть, де буде відображатися модуль. У кожного шаблону Joomla свій список розташування модулів меню. Я вибрав header (заголовкова частина сторінки);
  • Status (Статус) – перемкніть статус на Published (Розміщено), інакше меню не буде відображатися на сторінці;
  • Menu Assignment (Прив’язка меню) – перейдіть у вкладку, і прив’яжіть модуль меню до певних сторінок.
  • У вкладці Menu Assignment можна прив’язувати модулі до конкретних пунктів меню. Таким чином, меню можна показувати тільки на певних сторінках сайту.

    Як зробити меню в Joomla?

  • Module Assignment (Прив’язка модуля) – вкажіть, на яких сторінках повинен відображатися модуль. Я вибрав опцію On all pages (На всіх сторінках);
  • Save & Close (Зберегти та закрити) – натисніть цю кнопку, щоб зберегти налаштування.
  • На цьому все! Подивіться, як горизонтальне меню для Joomla 3 виглядає на сайті:

    Як зробити меню в Joomla?

    Переклад статті «How to create a Joomla menu?» був підготовлений дружною командою проекту Сайтостроение від А до Я.