--- title: Відеоурок 4. Як зробити сайт новин на Joomla 6 description: Відеоурок зі створення новинного сайту на Joomla 6: розробка головної сторінки сайту, налаштування пошти Джумла, сторінка авторів, контактів та міток canonical_url: https://aleksius.com/uk/cms-joomla/sait-novyn-na-joomla language: uk-UA date: 2026-03-15T14:29:47Z notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/sait-novyn-na-joomla. markdown-tokens: 1459 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/sait-novyn-na-joomla. 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. # Відеоурок 4. Як зробити сайт новин на Joomla 6 У попередній статті «[Відеоурок 3. Як зробити новинний сайт на Joomla 6](https://aleksius.com/uk/cms-joomla/yak-zrobyty-novynnyi-sait "Відеоурок 3. Як зробити новинний сайт на Joomla 6")» ми попрацювали з шапкою, підвалом сайта, меню та різними модулями. У цьому уроці попрацюємо з SP Page Builder Pro та створимо декілька сторінок, включаючи головну, а також налаштуємо відправку пошти з сайту. ## Відеоурок - Головна сторінка – 00:01:46. - Налаштування пошти в Joomla 6 – 00:28:51. - Сторінка «Контакти» – 00:33:12. - Сторінка «Автори» – 00:42:55. - Сторінка «Теми» – 00:51:16. Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту"). **Інформація майже повністю актуальна для Joomla 5 та 4 (примітку додано 05.03.2026).** Позиція модулів: pagebuilder Формат дати: d.m.Y Суфікс класу модуля «Головна - Перший» (UT Articles Pro): secondary-small-title Суфікс класу модуля «Політика» (UT Articles Tabs): gnews-media-same-content title-1 articles-tabs-4 secondary-small-title CSS клас елемента *Joomla Модуль* модуля «Політика»: title-1 color-3 Суфікс класу модуля «Мода» (UT Articles Tabs): gnews-media-same-content title-1 articles-tabs-4 all-small-title CSS клас елемента *Joomla Модуль* модуля «Мода»: title-1 color-8 Суфікс класу модуля «Популярне» (UT Articles Carousel): gnews-media-same-content title-1 articles-carousel-2 last-no-margin CSS клас елемента *Joomla Модуль* модуля «Популярне»: title-1 Суфікс класу модуля «Подорожі» (UT Articles Carousel): title-1 articles-carousel-2 CSS клас елемента *Блок особливостей*: feature-box-1 CSS клас рядка з формою зворотного зв’язку на сторінці «Контакти»: bg-gray-10 title-3 Мітки посилань для контакту: fab fa-facebook fab fa-x-twitter fab fa-linkedin-in fab fa-youtube **Посилання з відео:** - [Цикл відеоуроків по створенню сайтів на 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 оптимізація сайту для початківців»"). - «[Відеоурок 3. Як зробити новинний сайт на Joomla 6](https://aleksius.com/uk/cms-joomla/yak-zrobyty-novynnyi-sait "Відеоурок 3. Як зробити новинний сайт на Joomla 6")». - [Створення модулів у SP Page Builder Pro](https://aleksius.com/uk/cms-joomla/yak-rozrobyty-novynnyi-sait "Створення модулів у SP Page Builder Pro"). - [Пошта від Ukr.net](https://www.ukr.net/ "Ukr.net"). - [Налаштування SMTP для пошти Ukr.net](https://wiki.ukr.net/manageimapaccess "Як підключити зовнішню програму до скриньки?"). - «[Відеоурок з меню Joomla. Компонент Com menus](https://aleksius.com/uk/cms-joomla/menyu-dzhumla "Відеоурок з меню Joomla. Компонент Com menus")». - «[Відеоурок «Контакти Joomla»](https://aleksius.com/uk/cms-joomla/kontaktih-joomla "Відеоурок «Контакти Joomla»")». - «[Відеоурок «Мітки Joomla»](https://aleksius.com/uk/cms-joomla/mitky-joomla "Відеоурок «Мітки Joomla»")». В уроці йдеться про останні доступні мені, на момент написання статті (05.03.2026) Joomla 6.0.3 (українською мовою), SP Page Builder Pro 6.3.0, UT Articles Pro 1.9.0, UT Articles Carousel 1.5.0, UT Articles Tabs 1.4.0. [![Сайт новин на Джумла 6](https://aleksius.com/images/joomla/sait-novyn-na-joomla/sait-novyn-na-joomla-6.jpg)](https://aleksius.com/images/joomla/sait-novyn-na-joomla/sait-novyn-na-joomla-6-b.jpg "Сайт новин на Джумла 6") Сайт новин на Джумла 6 У наступній статті «[Відеоурок 5. Як створити інформаційний сайт на Joomla 6](https://aleksius.com/uk/cms-joomla/yak-stvoryty-informatsiinyi-sait "Відеоурок 5. Як створити інформаційний сайт на 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) - [ Відеоурок 3. Як зробити новинний сайт на Joomla 6 ](https://aleksius.com/uk/cms-joomla/yak-zrobyty-novynnyi-sait) - [ Відеоурок 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 оптимізація сайту для початківців»").