---
title: Відеоурок з меню Joomla. Компонент Com menus
description: Відеоурок зі створення, налаштування та керування меню Joomla (компоненту Com menus). Додавання пунктів меню, їх налаштування та відображення на сайті
canonical_url: https://aleksius.com/uk/cms-joomla/menyu-dzhumla
language: uk-UA
date: 2025-02-27T07:10:34Z
notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/menyu-dzhumla.
markdown-tokens: 1777
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/menyu-dzhumla. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


#  Відеоурок з меню Joomla. Компонент Com menus 

- [Відеоурок](https://aleksius.com/uk/cms-joomla/menyu-dzhumla#videourok "Відеоурок").
- [Теорія](https://aleksius.com/uk/cms-joomla/menyu-dzhumla#teoriya "Теорія").
 
**Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).**

## <a id="videourok"></a>Відеоурок

- Керування меню – 00:01:40.
- Створення меню – 00:06:57.
- Модуль «Меню» – 00:08:15, 00:15:00.
- Формування URL адрес – 00:10:17.
- Псевдонім (копія) пункту меню – 00:11:34.
- Збереження неможливе внаслідок помилки: Псевдонім вже використовується – 00:12:46.
- Створення підменю. Однакові псевдоніми – 00:13:36.
- Вкладка «Деталі» – 00:16:42.
- Як зробити сторінку головною – 00:18:09.
- Вкладка «Тип посилання» – 00:19:20.
- Як приховати пункт меню – 00:20:17.
- Вкладка «Вигляд сторінки» (мета-заголовок) – 00:20:32.
- Вкладка «Метадані» – 00:21:49.
- Вкладка «Призначення модуля» – 00:23:06.
 
Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту").

Посилання з відео:

- [Цикл відеоуроків по створенню сайтів на Joomla](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla").
- «[Відеоурок з компоненту Статті Joomla (com\_content)](https://aleksius.com/uk/cms-joomla/statti-joomla "Відеоурок з компоненту Статті Joomla (com_content)")».
- «[Відеоурок з компоненту Com\_categories. Категорії Joomla](https://aleksius.com/uk/cms-joomla/kategorii-joomla "Відеоурок з компоненту Com_categories. Категорії Joomla")».
- [Опція ](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag "Robots meta tag, data-nosnippet, and X-Robots-Tag specifications")*[Індексація](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag "Robots meta tag, data-nosnippet, and X-Robots-Tag specifications").*
 
Меню (компонент Com menus) у Joomla – це дуже важлива складова. За допомогою меню виводяться сторінки на сайті, формуються URL-адреси сторінок і відображається навігація по сайту. Плюс, за допомогою пунктів меню можна задавати мета-заголовки, мета-описи сторінок і саме до пунктів меню, за замовчуванням, відбувається прив'язка відображення тих чи інших модулів.

До його створення потрібно підійти відповідально ще на етапі проектування сайту. Обов'язково продумайте, які пункти меню потрібно створити, яка їхня ієрархічна вкладеність, як вони будуть називатися та таке інше. Ви в будь-який момент зможете змінити, додати або видалити меню, але краще продумати його структуру так, щоб її можна було легко масштабувати без впливу на вже існуючі пункти меню, так як це може вплинути на структуру URL-адрес.

В уроці будуть розглянуті базові питання щодо роботи з меню. В основному будуть порушені моменти роботи з вбудованими засобами Joomla 4 (типи пунктів меню, модуль).

В уроці бере участь остання доступна мені, на момент написання статті (10.08.2023), версія Joomla 4.3.3 українською мовою.

У новій версії CMS можна сортувати не тільки пункти меню, але й меню. Детальніше про оновлення у пя’тій Джумла можно дізнатися у статті «[Що нового в Joomla 5 та 4.4](https://aleksius.com/uk/cms-joomla/so-novogo-v-joomla-5-ta-4-4 "Що нового в Joomla 5 та 4.4")».

## <a id="teoriya"></a>Теорія

В одному меню може бути один або багато пунктів. Joomla має десятки вбудованих типів пунктів меню для відображення [категорій статей](https://aleksius.com/uk/cms-joomla/kategorii-joomla "Відеоурок з компоненту Com_categories. Категорії Joomla"), [статей](https://aleksius.com/uk/cms-joomla/statti-joomla "Відеоурок з компоненту Статті Joomla (com_content)"), контактів, та таке інше. Плюс, сторонні компоненти можуть додавати свої типи пунктів меню. Наприклад, для відображення товарів, категорій товарів, календарів, галерей тощо. По суті, тип пункту меню відповідає за те, що відображатиметься в основній (контентній) частині сторінки сайту.

Пункти меню можна відображати чи не відображати на сайті. Як окремо, так і всі (приховані пункти меню).

На малюнку нижче показано сторінку, де Ви зможете створювати, змінювати порядок, видаляти, знімати з публікації та виконувати інші дії як з одним, так і з кількома пунктами меню.

Для зручності роботи з великою кількістю пунктів меню краще користуватися інструментами пошуку, фільтрації та сортування.

 ![Меню Joomla](https://aleksius.com/images/joomla/menyu-dzhumla/menyu-joomla.png) Меню Joomla Пункти меню можуть бути вкладені один в одного. Це створює ієрархію пунктів меню та URL-адрес. За рахунок вкладеності пунктів меню можна створювати підменю, що випадає.

На малюнку вище видно, що пункт меню «Стаття 2» є батьківським пунктом меню «Стаття 2.1». В результаті, ми бачимо (малюнок нижче), що «Стаття 2.1» – це підпункт меню пункту меню «Стаття 2». Їх URL-адреси виглядають так:

«Стаття 2» (псевдонім цього пункту меню – «stattia-2») – «http://joomla-4.com/stattia-2».

«Стаття 2.1» (псевдонім цього пункту меню – «stattia-2-1») - «http://joomla-4.com/stattia-2/stattia-2-1».

Псевдонім – використовується в URL-адресі. Він має бути унікальним для кожного пункту меню (з урахуванням усіх пунктів меню, опублікованих, неопублікованих та в кошику) у всіх меню сайту, але в рамках одного рівня ієрархії. Наприклад:

- «Товари» (псевдонім – **«tovary»** – **так можна**) 
    - «Телевізори» (псевдонім – «televizory» – так можна) 
        - «Товари для ТБ» (псевдонім – **«tovary»** – **так можна**) 
            - «Кронштейни» (псевдонім – «kronshtejny» – так можна)
            - «Засоби для чищення» (псевдонім – «zasobi-dlya-chithennya» – так можна)
        - «Холодильники» (псевдонім – «kholodihlnihkih» так можна)
    - «Товари б/в» (псевдонім – **«tovary»** – **так не можна**)
 
У моєму прикладі у пункту меню «Товари» та пункту меню «Товари для ТБ» однакові псевдоніми. Так можна, оскільки «Товари» та «Товари для ТБ» знаходяться на різних рівнях ієрархії (їх вкладеність не є важливою). А ось «Товари» та «Товари б/в» знаходяться на одному рівні ієрархії і не можуть мати однаковий псевдонім.

Модуль меню потрібний для відображення меню (пунктів меню) на сайті. Можна використовувати вбудований або сторонній модуль. Від модуля залежить зовнішній вигляд і функціонування меню: його орієнтація (горизонтальна/вертикальна), тип (наприклад, акордеон-меню), відображення меню (звичайне або мега-меню), кольори, анімація, «закріпленість» при прокручуванні сторінки, розмір шрифтів , відображення модулів всередині меню, можливість навігації меню з клавіатури та таке інше.

На сайті може бути один або кілька модулів меню, а може і взагалі не бути. Як правило, модулі відображаються у позиціях шаблону. Це визначає їхнє місце розташування, а іноді - і зовнішній вигляд. Але за допомогою спеціальних плагінів модуль меню можна відобразити будь-де (всередині матеріалу, всередині опису товару та таке інше).

Сподіваюся, ця стаття та відеоурок допомогли Вам розібратися з меню Joomla. Виникли питання, ставте їх у коментарях. У наступній статті «[Відеоурок з Com modules. Модулі Joomla](https://aleksius.com/uk/cms-joomla/moduli-joomla "Відеоурок з Com modules. Модулі Joomla")» ми продовжимо розглядати вбудовані розширення Джумла.

 | Автор статті – Хорошевський Олексій |
|---|
| [![Хорошевський Олексій](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевський Олексій")](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій")  Кандидат технічних наук, викладач [Харківського національного університету радіоелектроніки](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом.   Надає [послуги](https://aleksius.biz/uk "Створення сайтів на Joomla і WebSite X5") зі створення, доопрацювання, супроводу та просування сайтів. [Докладніше про автора…](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій")        **Контакти:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Зателефонувати через Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Зателефонувати через Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Зателефонувати через WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написати лист")      **Соціальні мережі:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/?locale=uk_UA "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksius-com-uk "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публікації та робота:**  - [Google Академія](https://scholar.google.com.ua/citations?hl=uk&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |

| Схожі матеріали |
|---|
| - [ Відеоурок по TinyMCE в Joomla 4. Текстовий редактор ](https://aleksius.com/uk/cms-joomla/tinymce-joomla-4) - [ Відеоурок з компоненту Статті Joomla (com\_content) ](https://aleksius.com/uk/cms-joomla/statti-joomla) - [ Відеоурок з компоненту Com\_categories. Категорії Joomla ](https://aleksius.com/uk/cms-joomla/kategorii-joomla) - [ Відеоурок з Com modules. Модулі Joomla ](https://aleksius.com/uk/cms-joomla/moduli-joomla) - [ Відеоурок про стилі та шаблони Joomla ](https://aleksius.com/uk/cms-joomla/shablony-joomla) - [ Відеоурок «Рівні доступу, групи та користувачі Joomla» ](https://aleksius.com/uk/cms-joomla/korihstuvchi-joomla) - [ Відеоурок «Контакти Joomla» ](https://aleksius.com/uk/cms-joomla/kontaktih-joomla) |

**Корисні посилання:**

- [Цикл відеоуроків по створенню сайтів на Joomla](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla").
