--- title: Обзор JM Hot News. шаблон новостного портала Joomla description: JM Hot News – русский шаблон Joomla для создания новостных сайтов. Адаптивный дизайн, Bootstrap, CSS3 анимация, слайдер canonical_url: https://aleksius.com/joomla/shablony/jm-hot-news language: ru-RU date: 2026-05-17T14:10:26Z notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/shablony/jm-hot-news. markdown-tokens: 2203 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/shablony/jm-hot-news. 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. # Обзор JM Hot News. шаблон новостного портала Joomla - Тип – шаблон новостного портала Joomla 3 и 2.5. - [Особенности JM Hot News](https://aleksius.com/joomla/shablony/jm-hot-news#osobennosti-jm-hot-news "Особенности JM Hot News"). - [Правка CSS и LESS в шаблоне](https://aleksius.com/joomla/shablony/jm-hot-news#pravka-css-i-less-v-shablone "Правка CSS и LESS в шаблоне"). - [Русификатор JM Hot News](https://aleksius.com/joomla/shablony/jm-hot-news#rusifikator-jm-hot-news "Русификатор JM Hot News"). JM Hot News – это адаптивный, готовый, профессиональный шаблон Joomla 3 для создания новостных сайтов. Его панель управления полностью переведена на русский язык. При её помощи Вы сможете изменять базовые настройки шаблона без необходимости правки исходных файлов (без знания CSS, HTML и PHP). В данном шаблоне особое внимание уделено представлению большого количества информации, как на главной странице, так и в меню. Обзор проводится в последней, на момент написания статьи (11.06.2016), русскоязычной версии JM Hot News в Joomla 3.5.1. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи): - [DJ-MediaTools 2.6.1](https://aleksius.com/joomla/rasshireniya/dj-mediatools "Обзор DJ-MediaTools. Слайдер Joomla"). Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart Это позволит создавать слайдер VirtueMart, галереи с товарами и другое. - [DJ-MegaMenu](https://aleksius.com/joomla/rasshireniya/dj-megamenu "Обзор DJ-MegaMenu. Модуль меню Joomla") 3.4.1. Компонент (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню. - [DJ-Tabs 1.3.1](https://aleksius.com/joomla/rasshireniya/dj-tabs "Обзор DJ-Tabs. Табы для Joomla 3"). Это расширение Joomla для отображения контента сайта во вкладках или аккордеоне ## Особенности JM Hot News Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 [особенностями](https://aleksius.com/joomla/shablony/jm-university#osobennosti-shablonov-joomla-monstercom-na-ef4 "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих") в [типографике](https://aleksius.com/joomla/shablony/jm-joomads#tipografiya-i-oformlenie-tekstov "Обзор JM Joomads. Адаптивный шаблон Joomla 3"), [оформлении модулей](https://aleksius.com/joomla/shablony/jm-joomads#suffiksy-modulej-joomla "Обзор JM Joomads. Адаптивный шаблон Joomla 3") и работе с [макетом\\позициями шаблона](https://aleksius.com/joomla/shablony/jm-cleaning-company#postroitel-maketa-i-bootstrap-v-joomla "Обзор JM Cleaning Company. Шаблон сайта клининговой компании") у JM Hot News есть свои изюминки. - Возможность настройки цветов различных элементов модулей для нескольких CSS-стилей прямо из панели управления шаблона. - Настройки цветов для DJ-MediaTools. - Наличие «тематических» элементов (модулей), оформленных специально для новостной тематики. Приведу несколько изображений с примерами шаблона. ![JM Hot News](https://aleksius.com/images/joomla/shablony/jm-hot-news/jm-hot-news.png "JM Hot News") JM Hot News ![Русский шаблон Joomla](https://aleksius.com/images/joomla/shablony/jm-hot-news/russkij-shablon-joomla.png "Русский шаблон Joomla") Русский шаблон Joomla ![Новостной шаблон Joomla](https://aleksius.com/images/joomla/shablony/jm-hot-news/novostnoj-shablon-joomla-3.png "Новостной шаблон Joomla") Новостной шаблон Joomla ![Шаблон новостного портала Joomla](https://aleksius.com/images/joomla/shablony/jm-hot-news/shablon-novostnogo-portala-joomla.png "Шаблон новостного портала Joomla") Шаблон новостного портала Joomla ## Правка CSS и LESS в шаблоне По материалам статьи «[How to modify LESS and CSS files in Joomla 3.x template?](https://dj-extensions.com/documentation/template-tutorials/how-to-modify-less-and-css-files-in-joomla-3-0-template "Статья на английском языке")». Рассмотрим пример редактирование CSS-стилей шаблона Joomla. Это может понадобиться для изменения внешнего вида различных элементов сайта: шрифтов, фоновых цветов, модулей, шапки и так далее. В настройках шаблона есть возможность изменения некоторых параметров, но при помощи правки CSS у Вас появится больше возможностей. Безусловно, Вы можете внести правки в исходные CSS-файлы, но это не совсем правильно. Так как при обновлении шаблона Ваши изменения могут быть утеряны. Правка шаблонов Joomla 3 происходит при помощи языка стилей LESS. CSS-стили шаблона формируются на основании LESS. Для работы с LESS и CSS можно использовать, например, [Notepad++](https://notepad-plus-plus.org/ "Официальный сайт Notepad++"). В Notepad++, для удобства, нужно импортировать специальный файл, чтобы программа подсвечивала синтаксические конструкции LESS. Но это не обязательно. Также понадобится [Firebug](http://getfirebug.com/ "Официальный сайт Firebug") – это специальное дополнение для браузера Mozilla Firefox. Или можно воспользоваться встроенными в популярные браузеры инструментами для веб-разработчиков. Для этого нажмите сочетание клавши «Ctrl + Shift + i» (в Opera или Google Chrome). Сперва активируйте опцию *Исходная карта (LESS)* в настройках шаблона в разделе *Расширенные возможности*. **После окончания редактирования обязательно отключите данную опцию, так как она может существенно увеличить время загрузки страницы.** Все LESS-файлы находятся в «templates/*nazvanie-vashego-shablona*/less». Рассмотрим, в общем, что содержится в различных файлах. Примечание: «ltr» – файлы, относящиеся к письменности слева направо; «rtr» – файлы, относящиеся к письменности справа налево. - Папка «override» содержит две вложенные папки «ltr» и «rtl». В них содержатся файлы переназначения bootstrap (для сайтов с письменностью слева направо и справа налево соответственно). Для русского и украинского языков – «ltr». - Файл «animated-buttons.less». Стили анимированных кнопок, используемых в типографике и настраиваемых модулях. - Файл «boostrap.less» и «boostrap\_rtl.less». Стили boostrap. - Файл «boostrap\_variables.less». Переменные boostrap. - Файл «bootstrap\_responsive.less » и «bootstrap\_responsive\_rtl.less ». Отзывчивые стили boostrap. - Файл «comingsoon.less». Стили страницы «Скоро будет». - Файл «editor.less». Стили типографики и настраиваемых модулей. - Файл «joomla.less». Стили для стандартных расширений Joomla. - Файл «layout.less». Стили макета шаблона. - Файл «menus.less». Стили меню Joomla. - Файл «modules.less». Стили модулей шаблона. - Файл «offcanvas.less». Стили панели\\позиции Offcanvas. - Файл «offline.less». Стиль страницы, которая отображается в случаях, когда в общих настройках Joomla на вкладке *Сайт* для опции *Сайт выключен (offline)* выбрано *Да*. - Файл «template.less». Стили страниц и модулей Joomla. - Файл «template\_mixins.less». Правила приёмов mixins в шаблоне. - Файл «template\_responsive.less». Отзывчивые стили шаблона. - Файл «template\_variables.less». LESS переменные шаблона. Тут Вы сможете задать переменные для LESS-файлов шаблона. Тут же содержатся настройки цветовых схем шаблона и цвета отдельных элементов (верхней панели, фона подвала и т. д.). - Файлы «djmediatools.less», «djmediatools\_responsive.less», «djmediatools\_rtl.less», «djmegamenu.less», «djmegamenu\_rtl.less», «djtabs.less», «djtabs\_rtl.less», «dj….less». Стили для различных расширений DJ-extensions.com. Если Вам нужно внести какие-то изменения в стили, то при помощи Firebug (или аналогов) Вы можете определить CSS класс и стили нужного элемента (рисунок ниже). [![Анализ CSS при помощи Firebug](https://aleksius.com/images/joomla/shablony/jm-hot-news/analiz-css-pri-pomoshchi-firebug.png "Анализ CSS при помощи Firebug")](https://aleksius.com/images/joomla/shablony/jm-hot-news/analiz-css-pri-pomoshchi-firebug-b.png "Анализ CSS при помощи Firebug") Анализ CSS при помощи Firebug Обратите внимание, что Firebug показывает, в каком именно CSS-файле находится нужный класс. Вам остаётся найти LESS-файл, содержащий этот класс, в моём случае это «djmediatools.less», и внести в него изменения (рисунок ниже). ![LESS-файл](https://aleksius.com/images/joomla/shablony/jm-hot-news/less-fajl.png "LESS-файл") LESS-файл **После окончания редактирования обязательно отключите опцию *Исходная карта (LESS)* в настройках шаблона в разделе *Расширенные возможности*, так как она может существенно увеличить время загрузки страницы.** Если в существующих LESS-файлах нет нужных стилей, например, для каких-то сторонних расширений, можно создать в папке «templates/*nazvanie-vashego-shablona*/less» файл «custom.less» и в него вписывать все нужные стили. Они будут переопределять существующие. Об обновлениях в в шаблонах на базе фремворка EF4, касающихся данного вопроса, Вы можете прочесть в статье «[Обзор JM Minima. Чистый шаблон Joomla](https://aleksius.com/joomla/shablony/jm-minima#novye-vozmozhnosti-frejmvorka-ef-4-7 "Обзор JM Minima. Чистый шаблон Joomla")». ## Русификатор JM Hot News > [Скачать русификатор JM Hot News](https://aleksius.com/joomla/rusifikatory/rusifikator-jm-computers-electronics-store "Русификатор шаблонов Joomla-Monster.com"). Надеюсь, что эта статья помогла узнать полезное о русском шаблоне Joomla для новостного портала, что немного упростит процесс редактирования CSS-стилей. | Похожие материалы | |---| | - [ Обзор JM Job Listings. Шаблон каталога Joomla ](https://aleksius.com/joomla/shablony/jm-job-listings) - [ Обзор JM Job Listings. Настраиваемый шаблон Joomla ](https://aleksius.com/joomla/shablony/russkij-shablon-dzhumla) - [ Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих ](https://aleksius.com/joomla/shablony/jm-university) - [ Обзор JM Joomads. Адаптивный шаблон Joomla 3 ](https://aleksius.com/joomla/shablony/jm-joomads) - [ Обзор JM Cleaning Company. Шаблон сайта клининговой компании ](https://aleksius.com/joomla/shablony/jm-cleaning-company) - [ Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3 ](https://aleksius.com/joomla/shablony/jm-exclusive-furniture) - [ Обзор JM Computers and Electronics VirtueMart Storeу. Шаблон Joomla 3 ](https://aleksius.com/joomla/shablony/jm-computers-and-electronics-virtuemart-store) | | Автор статьи – Хорошевский Алексей | |---| | [![Хорошевский Алексей](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") |