---
title: Відеоурок 3. Як зробити новинний сайт на Joomla 6
description: Відеоурок зі створення новинного сайту на Joomla 6: шапка, підвал, мега-меню, розумний пошук Джумла, модуль популярних, нових статей UT Articles Pro
canonical_url: https://aleksius.com/uk/cms-joomla/yak-zrobyty-novynnyi-sait
language: uk-UA
date: 2026-03-08T11:52:56Z
notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/yak-zrobyty-novynnyi-sait.
markdown-tokens: 1378
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/yak-zrobyty-novynnyi-sait. 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.


#  Відеоурок 3. Як зробити новинний сайт на Joomla 6 

У попередній статті «[Відеоурок 2. Як розробити новинний сайт на Joomla 6](https://aleksius.com/uk/cms-joomla/yak-rozrobyty-novynnyi-sait "Відеоурок 2. Як розробити новинний сайт на Joomla 6")» ми попрацювали з категоріями, статтями та мітками Джумла, додали коментарі до статей, вставили в статі відео з YouTube та налаштували декілька з модулів. У цьому уроці попрацюємо з шапкою, підвалом сайта, меню та різними модулями.

## Відеоурок

- Банер у шапці сайту – 00:01:30.
- Додаткове перевизначення у шаблоні – 00:03:59.
- Тип пункту меню *Ublog* – 00:06:09.
- Модуль «Хлібні крихти» – 00:09:49.
- Модуль популярних статей – 00:11:32.
- Меню Joomla – 00:15:11.
- Мега-меню та модулі статей в меню – 00:19:31.
- Розумний пошук по сайту Джумла – 00:24:22.
- Підвал сайту – 00:26:34.
 
Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту").

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

Суфікс класу модуля банера у шапці:

banner justify-content-center justify-content-lg-end

Код для заміни у файлі «ublog2.php»:

 ```
<div class="articleBody clearfix" itemprop="articleBody">
<?php echo $this->item->text; ?>
</div>
```

Суфікс класу модуля популярних статей:

gnews-mod-style-2 title-2 secondary-small-title last-no-margin

Суфікс класу модуля «Меню - Мода»:

all-small-title articles-no-margin

Суфікс класу модуля «Підвал». Перед mb-0 стоїть знак пробілу:

 mb-0

CSS клас елемента *Текстовий блок* («Про нас»):

title-1

Суфікс класу модуля «Категорії»:

categories-style-2

CSS клас елемента *Joomla Модуль* («Категорії»):

title-1 categories-style-2

CSS клас елемента *Заголовок* («Посилання»):

title-1

Суфікс класу модуля «Останні новини»:

gnews-media-same-content all-small-title

CSS клас елемента *Joomla Модуль* («Останні новини»):

title-1

Змістовні налаштування CSS елемента *Joomla Модуль* («Останні новини»):

 ```
#addonId .article-intro-image{min-height:90px;}
```

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

- [Цикл відеоуроків по створенню сайтів на Joomla](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla").
- [Відеоуроки зі створення інтернет-магазину](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn "Як самому створити інтернет-магазин на Joomla та VirtueMart (частина 1)").
- [Відеолекції «Створення сайтів»](https://aleksius.com/uk/videolektsii-stvorennia-saitiv "Відеолекції «Створення сайтів»").
- [Відеолекція «SEO оптимізація сайту для початківців»](https://aleksius.com/uk/videolektsiia-seo-optymizatsiia-saitu-dlia-pochatkivtsiv "Відеолекція «SEO оптимізація сайту для початківців»").
- «[Відеоурок 2. Як розробити новинний сайт на Joomla 6](https://aleksius.com/uk/cms-joomla/yak-rozrobyty-novynnyi-sait "Відеоурок 2. Як розробити новинний сайт на Joomla 6")».
- «[Відеоурок з Com modules. Модулі Joomla](https://aleksius.com/uk/cms-joomla/moduli-joomla "Відеоурок з Com modules. Модулі Joomla")»
- «[Відеоурок з меню Joomla. Компонент Com menus](https://aleksius.com/uk/cms-joomla/menyu-dzhumla "Відеоурок з меню Joomla. Компонент Com menus")».
- «[Відеоурок «Розумний пошук Joomla»](https://aleksius.com/uk/cms-joomla/rozumnyi-poshuk-joomla "Відеоурок «Розумний пошук Joomla»")».
 
В уроці йдеться про останні доступні мені, на момент написання статті (28.02.2026) Joomla 6.0.3 (українською мовою), UT Articles Pro 1.9.0, SP Page Builder Pro 6.3.0.

 ![Як зробити новинний сайт на Joomla 6](https://aleksius.com/images/joomla/yak-zrobyty-novynnyi-sait/yak-zrobyty-novynnyi-sait-na-joomla.png) Як зробити новинний сайт на Joomla 6 У наступній статті «[Відеоурок 4. Як зробити сайт новин на Joomla 6](https://aleksius.com/uk/cms-joomla/sait-novyn-na-joomla "Відеоурок 4. Як зробити сайт новин на Joomla 6")» ми попрацюємо з шапкою, підвалом, меню та пошуком Джумла.

 | Автор статті – Хорошевський Олексій |
|---|
| [![Хорошевський Олексій](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") |

| Схожі матеріали |
|---|
| - [ Відеоурок 1. Самостійне створення новинного сайту на Joomla ](https://aleksius.com/uk/cms-joomla/yak-stvoryty-novynnyi-sait) - [ Відеоурок 2. Як розробити новинний сайт на Joomla 6 ](https://aleksius.com/uk/cms-joomla/yak-rozrobyty-novynnyi-sait) - [ Відеоурок 4. Як зробити сайт новин на Joomla 6 ](https://aleksius.com/uk/cms-joomla/sait-novyn-na-joomla) - [ Відеоурок 5. Як створити інформаційний сайт на Joomla 6 ](https://aleksius.com/uk/cms-joomla/yak-stvoryty-informatsiinyi-sait) |

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

- [Цикл відеоуроків по створенню сайтів на Joomla](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla").
- [Відеоуроки зі створення інтернет-магазину](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn "Як самому створити інтернет-магазин на Joomla та VirtueMart (частина 1)").
- [Відеолекції «Створення сайтів»](https://aleksius.com/uk/videolektsii-stvorennia-saitiv "Відеолекції «Створення сайтів»").
- [Відеолекція «SEO оптимізація сайту для початківців»](https://aleksius.com/uk/videolektsiia-seo-optymizatsiia-saitu-dlia-pochatkivtsiv "Відеолекція «SEO оптимізація сайту для початківців»").