--- title: Шаблоны и стили Joomla 4 description: Установка, настройка и просмотр позиций шаблонов в Джумла 4. Разница между стилем и шаблоном, привязка к меню, удаление шаблона, редактирование стиля в Joomla 4 canonical_url: https://aleksius.com/joomla/shablony/stili-joomla-4 language: ru-RU date: 2023-11-06T18:36:10Z notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/shablony/stili-joomla-4. markdown-tokens: 1610 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/shablony/stili-joomla-4. 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 4. Установка, настройка, просмотр позиций - [Видео урок](https://aleksius.com/joomla/shablony/stili-joomla-4#video-urok "Видео урок"). - [Разница между стилем и шаблоном Joomla](https://aleksius.com/joomla/shablony/stili-joomla-4#raznica-mezhdu-stilem-i-shablonom-joomla "Разница между стилем и шаблоном Joomla"). **Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).** Шаблон Joomla – это расширение, которое отвечает за внешний вид сайта. По сути, это дизайн сайта. ## Видео урок - Как установить шаблон Joomla 4 – 00:02:03. - Разница между шаблоном и стилем – 00:03:34. - Настройки шаблонов – 00:05:11. - Привязка к меню – 00:06:45. - Позиции шаблона – 00:09:56. - Как узнать позиции модулей в шаблоне – 00:10:55. - Удаление шаблона – 00:14:16. - Файлы шаблона – 00:15:01. - Редактирование стилей Джумла 4 – 00:16:19. Видео лучше просматривать с качеством «1080p HD». Этот и другие видеообзоры и уроки можете найти на моём [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") канале. Ссылки из видео: - [Что такое шаблон](https://aleksius.com/joomla/shablony/jm-exclusive-furniture#chto-takoe-shablon-joomla "Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3"). - [Переопределения шаблона](https://aleksius.com/joomla/stoit-li-ispolzovat-joomla-4#izmeneniya-v-pereopredeleniyakh "Обзор Джумла 4 (часть 3). Что нового и стоит ли на неё переходить"). - [Настройки шаблона RSMatias](https://aleksius.com/joomla/shablony/rsmatias#nastrojki-shablona "Обзор RSMatias. Шаблон Джумла 4 на русском языке"). В шаблон заложено то, как будет отображаться каждый элемент сайта. Там заложены все шрифты, цвета, макет (расположение разных элементов), отступы, тени, градиенты и т.д. Оформление внешнего вида сайта, его дизайн, обеспечивается за счёт стилей (CSS). Есть шаблоны для админки (панели управления) Joomla и для сайта (той части, которую видят все посетители). В большинство современных шаблонов также включена анимация раскрытия меню, появления страниц и т.д. В некоторых, как правило, платных шаблонах иногда закладывают «функциональность»: кнопку прокрутки к верху страницы, кнопки фоловинга в социальные сети, Off-Canvas меню и т.д. По большому счёту, эти «дополнения» сложно отнести к функциональности сайта с точки зрения разработки, но для упрощения понимании я выбрал именно эту формулировку. К сожалению, один шаблон не может обеспечить одинаково хороший внешний вид для любого компонента или модуля Joomla, так как шаблон содержит ограниченное количество стилей. Шаблон содержит стили для большинства встроенных в саму Joomla расширений и для каких-то специфических, на которые он рассчитан. Например, для VirtueMart. Также в шаблоне предусматриваются позиции для модулей. Во многих современных шаблонов от популярных разработчиков заложено множество настроек шаблона, начиная от изменения логотипа сайта и заканчивая конструктором макета (позиций модулей). Например, так сделано в [RSMatias](https://aleksius.com/joomla/shablony/rsmatias#nastrojki-shablona "Обзор RSMatias. Шаблон Джумла 4 на русском языке"). Чтобы лучше понимать, что такое шаблон, рекомендую прочитать статью «[Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3](https://aleksius.com/joomla/shablony/jm-exclusive-furniture#chto-takoe-shablon-joomla "Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3")». Кроме этого полезно ознакомиться с [преимуществами профессиональных готовых шаблонов](https://aleksius.com/joomla/shablony/rsevento#preimushchestva-professionalnykh-gotovykh-shablonov "Обзор RSEvento. Шаблон сайта для Joomla 3 и 2.5") и тем, [как выбрать подходящий именно Вам шаблон](https://aleksius.com/joomla/shablony/jm-computers-and-electronics-virtuemart-store#kak-vybrat-shablon-dlya-joomla "Обзор JM Computers and Electronics VirtueMart Storeу. Шаблон Joomla 3"). Эти статьи были написаны для 3-й версии Joomla, но актуальны и для 4-й. В уроке участвует последняя доступная мне, на момент написания статьи (07.07.2022), русскоязычная версия Joomla 4.1.5, шаблон фронтальной части сайта RSMatias 1.0.11. ## Разница между стилем и шаблоном Joomla Данная информация почти полностью актуальна для Joomla 2.5 – 4. В разделе *Система*, в области *Шаблоны* есть ссылки на шаблоны и стили (рисунок ниже). Следует учесть, что указанные ниже определения шаблона и стиля могут быть неточными, неполными и не охватывать все случаи. ![Стили Joomla 4](https://aleksius.com/images/joomla/shablony/stili-joomla-4/stili-joomla-4.png "Стили Joomla 4") Стили Joomla 4 **Шаблон Joomla** – это набор PHP, CSS, JS, PNG, SVG и других файлов, содержащих исходный код дизайна сайта. Состав и количество файлов зависит от каждого конкретного шаблона. Среди файлов шаблона может содержаться файл с настройками стиля Joomla. На сайте может быть один или несколько шаблонов. У одного шаблона может быть один или несколько стилей. Как правило, с шаблоном работают для изменения исходного кода или его [переопределения](https://aleksius.com/joomla/stoit-li-ispolzovat-joomla-4#izmeneniya-v-pereopredeleniyakh "Обзор Джумла 4 (часть 3). Что нового и стоит ли на неё переходить"). **Стиль Joomla** – это набор настроек шаблона Joomla. Настройки могут храниться в базе данных сайта или среди файлов шаблона. Если разработчики шаблона предусматривают какие-то настройки, то они находятся именно в стилях. Стили можно привязать к пунктам меню. У разных пунктов меню могут быть разные стили. При этом можно задавать стили от разных шаблонов, а можно - от одного. Как правило, с шаблоном работают для изменения его [настроек](https://aleksius.com/joomla/shablony/rsmatias#nastrojki-shablona "Обзор RSMatias. Шаблон Джумла 4 на русском языке") и не требуется навык вёрстки или программирования, в отличие от случаев изменения исходного кода шаблона. Надеюсь, данная статья, видео урок и другие материалы сайта на эту тему помогли лучше понять, что такое шаблоны, стили Joomla 4 и как с ними работать. Возникшие вопросы задавайте в комментариях. | Похожие материалы | |---| | - [ Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно ](https://aleksius.com/joomla/sdelat-sajt-na-dzhumla-4) - [ Видео урок по Joomla 4 (часть 6). Блог с комментариями ](https://aleksius.com/joomla/kak-sdelat-sajt-samomu) - [ Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов ](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4) - [ Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta-s-nulya) - [ Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта ](https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4) - [ Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta) - [ Урок по TinyMCE. Визуальный текстовый редактор Joomla 4 ](https://aleksius.com/joomla/redaktor-tinymce) | | Автор статьи – Хорошевский Алексей | |---| | [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+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/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&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") | **Полезные ссылки:** - [Видео уроки по Joomla 4](https://aleksius.com/video-uroki-po-joomla-4 "Видео уроки по Joomla 4"). - [Уроки по шаблонам Joomla](https://aleksius.com/uroki-po-shablonam-joomla "Уроки по шаблонам Joomla").