Оберіть свою мову

Joomla

Featured

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

 

Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).

Відеоурок

 

  • Керування меню – 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 каналі.

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

Меню (компонент Com menus) у Joomla – це дуже важлива складова. За допомогою меню виводяться сторінки на сайті, формуються URL-адреси сторінок і відображається навігація по сайту. Плюс, за допомогою пунктів меню можна задавати мета-заголовки, мета-описи сторінок і саме до пунктів меню, за замовчуванням, відбувається прив'язка відображення тих чи інших модулів.

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

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

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

У новій версії CMS можна сортувати не тільки пункти меню, але й меню. Детальніше про оновлення у пя’тій Джумла можно дізнатися у статті «Що нового в Joomla 5 та 4.4».

Теорія

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

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

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

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

Меню Joomla
Меню 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» ми продовжимо розглядати вбудовані розширення Джумла.

Автор статті – Хорошевський Олексій
Хорошевський Олексій

Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом.
Надає послуги зі створення, доопрацювання, супроводу та просування сайтів. Докладніше про автора…

Соціальні мережі:

Публікації та робота:

Схожі матеріали

 

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

Завантаження коментаря... Коментар буде оновлено через 00:00.
Напишіть коментар...
- символів залишилося.
або залишити коментар як гість