JM Services – бесплатный адаптивный шаблон Joomla на русском языке с админкой, содержащей множество настроек шрифтов, цветов, макета страницы и т.д..
Видео обзор
- Обзор шаблона – с 00:00:00.
- Установка Joomla QuickStart и русификация – с 00:04:30.
- Google Мои карты – с 00:11:22.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можно найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Ссылки из видео:
- «Обзор DJ-ImageSlider. Бесплатный слайдер для Joomla».
- «Обзор Joomla com_tags. Добавление меток материалов».
- «Обзор JM Doctor. Шаблон Joomla для больницы».
- Настройка макета шаблона.
- Установка и настройка локального сервера Open Server Panel.
- «Русификатор шаблонов Joomla-Monster.com».
- Как получить API Google карты.
- Google Мои карты.
Шаблон выполнен в светлых тонах и подойдёт для сайтов разного рода: визитки, сайты фирм, блоги, портфолио и т.д.. При помощи опций админки можно изменить внешний вид шаблона без правок стилей (кода).
У шаблона есть быстрый старт («QuickStart»), он же доступен для предварительного просмотра в качестве демонстрационного сайта.
В обзоре будет участвовать последняя, на момент написания статьи (06.06.2019), русскоязычная версия JM Services 1.0.5 с фреймворком EF4.8.5, в Joomla 3.9.6. Демонстрационный сайт, рассмотренный в статье, базируется на быстром старте шаблона и содержит англоязычный контент (описание товаров, пункты меню и т.д.).
Шаблон содержит стили для таких бесплатных расширений:
- DJ-ImageSlider. Компонент и модуль слайдера Joomla.
- DJ-MegaMenu Light. Модуль меню. У этого модуля есть расширенная платная версия – DJ-MegaMenu.
- JM Off Canvas. Модуль для создания кнопки, открывающей Off-canvas панель.
Естественно, что шаблон содержит стили для штатных компонентов, модулей и плагинов самой Joomla. Вы можете использовать любые расширения вместе с этим шаблоном (ограничений нет), если они подходят под версию, установленную на сайте. Стоит отметить, что для «сторонних» расширений в шаблоне может не быть стилей, и из-за этого подобные расширения отображаются не совсем красиво. Это решаемая ситуация – дописывание стилей (CSS).
Также Вы получите файл с графическими элементами шаблона в формате PSD и документацию на английском языке. Если Вас интересует документация на русском языке, обратитесь к этому разделу. В нём можно найти много информации, как о шаблонах от Joomla-Monster.com, так и о шаблонах Joomla в целом, включая уроки по работе с шаблонами.
Особенности шаблона
Как и другие шаблоны от Joomla-monster.com, JM Services основывается на фреймворке EF4 и 12-ти колоночной сетке Bootstrap. А значит, он обладает всеми особенностями, присущими данному фреймворку. В состав фреймворка (в админке шаблона) есть ряд инструментов, которые позволяют оптимизировать сайт с точки зрения скорости его загрузки. Об этих инструментах можно немного детальнее прочесть в статьях: «Обзор JM Job Listings. Настраиваемый шаблон Joomla» и «Обзор JM Sport. Спортивный шаблон Joomla».
При создании шаблона учитывались такие «веб-стандарты», технологии и инструменты: Bootstrap, HTML5, LESS, CSS3, jQuery, Source maps, семантическая вёрстка. Шаблон хорошо отображается в большинстве современных браузеров, таких как: Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 11, Яндекс.Браузер. Кроме этого поддерживаются мобильные браузеры, например, iOS Safari, Android Browser, Chrome для Android и другие. Есть поддержка письменности справа налево (RTL). Плюс в шаблоне заложено более 40 позиции для модулей с возможностью изменения модульной сетки прямо из админки (рисунок ниже).
На рисунке ниже показан пример главной страницы шаблона.
На рисунке ниже показана страница блога.
На рисунке ниже показана первая страница контактов.
На рисунке ниже показана админка шаблона.
Рассмотрим ряд «индивидуальных» особенностей, присущих именно этого шаблона.
- Наличие стилей для DJ-ImageSlider (с тремя стилями оформления), DJ-MegaMenu Light и JM Off Canvas.
- Наличие 3-х цветовых/шрифтовых схем оформления.
- Три стиля оформления для модулей.
Google Мои карты
В предыдущей статье «Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты» мы рассмотрели, зачем и как можно получить API ключ для Карт Гугл. При том, что это бесплатная процедура, она достаточно неудобная. Так как требует подключения своей реальной банковской карты. В случае с расширениями DJ-Classifieds, Hotspots, My Maps location, RSEvents Pro и другими подключение API оправдано. Но, например, для размещения на сайте карты с одной или несколькими метками на карте, получение API ключа таким способом нерационально.
Рассмотрим, как можно получить Google карту бесплатно, без регистрации, да ещё и с возможностью нанесения своих собственных меток и добавить её на сайт Joomla. Для этого служит сервис «Google Мои карты».
Шаг 1. Войдите в сервис «Google Мои карты», используя логин и пароль от любого аккаунта Google (Gmail, Google Search Console, Google Analytics и т.д.).
Шаг 2. Нажмите +Создать новую карту (рисунок ниже).
Шаг 3. В строку поиска адреса введите адрес или установите маркер вручную на карту (рисунок ниже).
Шаг 4. Добавьте точку/адрес на слой карты, нажав на иконку плюса в боковой панели (рисунок ниже).
Шаг 5 (не обязательно). Можете сменить название и описание карты/слоя, а также сменить цвет и картинку иконки (маркера) на карте (рисунок ниже).
Также можете изменить заголовок и описание маркера. Оно будет отображаться по нажатию на него на карте.
Для просмотра, как это будет выглядеть на сайте, можно нажать на ссылку Предварительный просмотр в боковой панели.
Шаг 6. В боковой панели нажмите на ссылку Поделиться и в появившемся окне, напротив Документ доступен только вам, нажмите Изменить и выберите ВКЛ (для всех в Интернете) (рисунок ниже).
Шаг 7. В боковой панели нажмите на ссылку Предварительный просмотр, на открывшейся странице в боковой панели нажмите Поделиться и выберите Встроить на сайт. Из появившегося окна скопируйте только URL адрес, например, «https://www.google.com/maps/d/embed?mid=17FBJ674_0-IuHr5Ng4hR1S_zpdGTv2kn&hl=ru», а не весь код.
<iframe src="https://www.google.com/maps/d/embed?mid=17FBJ674_0-IuHr5Ng4hR1S_zpdGTv2kn&hl=ru" width="640" height="480"></iframe>Можете скопировать и весь код, но я предпочитаю использовать специальный, встроенный в Joomla модуль для вставки карты.
Шаг 8. Перейдите в админку Joomla в Расширения – Модули и создайте модуль тип Обёртка (Wrapper). В его настройках в поле Ссылка добавьте скопированную на 7-м шаге ссылку (только URL, без тегов) (рисунок ниже).
На рисунке ниже показан пример карты Google с несколькими точками на странице контактов.
Этот модуль можно вставить в любую позицию шаблона, в материал и везде, где обрабатываются плагины контента. Также, можно добавить его на страницы RSPageBuilder при помощи элемента Модуль.
Надеюсь, что данная статья и видеообзор помогли Вам при выборе бесплатного шаблона Joomla. Если у Вас есть вопросы, задавайте их в комментариях.
В следующей статье «Обзор RSVivo. Шаблон медицинского центра для Joomla» мы рассмотрим ещё один универсальный шаблон.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
