У попередній статті «Відеоурок 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 каналі.
Інформація майже повністю актуальна для 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.
- Відеоуроки зі створення інтернет-магазину.
- Відеолекції «Створення сайтів».
- Відеолекція «SEO оптимізація сайту для початківців».
- «Відеоурок 2. Як розробити новинний сайт на Joomla 6».
- «Відеоурок з Com modules. Модулі Joomla»
- «Відеоурок з меню Joomla. Компонент Com menus».
- «Відеоурок «Розумний пошук Joomla»».
В уроці йдеться про останні доступні мені, на момент написання статті (28.02.2026) Joomla 6.0.3 (українською мовою), UT Articles Pro 1.9.0, SP Page Builder Pro 6.3.0.
У наступній статті «Відеоурок 4. Як зробити сайт новин на Joomla 6» ми попрацюємо з шапкою, підвалом, меню та пошуком Джумла.
| Автор статті – Хорошевський Олексій |
|---|
 Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Публікації та робота: |
| Схожі матеріали |
|---|
Корисні посилання:
