Jedi – адаптивный универсальный шаблон для Joomla на Bootstrap с поддержкой стилей VirtueMart, Kunena, Komento, JoomGallery и других расширений.
Видео обзор
- Особенности – с 00:01:11.
- Админка шаблона – с 00:11:01.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Шаблон базируется на CSS3, HTML5 и jQuery. Подойдёт для сайтов разных типов: лендинг (рисунок ниже), блог, интернет-магазин, форум, сайт фирмы, визитка, портфолио, галерей, сайтов событий и других. В шаблоне предусмотрено создание множества элементов визуализации информации типа: аккордеон, таблица цен, полоса прогресса, вкладки, списки, отзывы, слайдер, счётчик и так далее. Их много, примерно, около 20-30. Стоит отдельно отметить наличие формы обратной связи, формы подписки на новости (AcyMailing), возможности авторизации через социальные сети и всё это в едином стиле со всеми остальными элементами сайта.
Пример демонстрационного сайта можно посмотреть тут. Этот же сайт доступен в виде быстрого старта.
В стоимость шаблона входит: сам шаблон, быстрый старт (Quickstart), все изображения быстрого старта, макеты страниц и элементов страниц в PSD (со слоями), а также все расширения, которые Вы видите на демонстрационном сайте. Таких расширений около 70 (включая плагины и модули). Также есть документация на русском языке.
Админка шаблона переведена на русский язык и содержит десятки опций, позволяющих адаптировать шаблон под Ваш проект.
В обзоре будет участвовать последняя, на момент написания статьи (22.03.2019), русскоязычная версия шаблона Jedi 3.0 в Joomla 3.9.4. На тестовом сайте установлен быстрый старт с VirtueMart 3.4.2, Kunena 5.0.14, JoomGallery 3.1 и другими расширениями. Фронтальная часть не переводилась на русский язык. В админке установлены русификаторы не для всех расширений.
Особенности
Рассмотрим основные, на мой взгляд, особенности данного шаблона Джумла.
Общие сведения.
- Адаптивный дизайн.
- Bootstrap 3.
- CSS 3.
- HTML 5.
- jQuery.
- Вёрстка макета на базе сетки с шириной 1170 пикселей.
- Семантический код (семантическая вёрстка). Это должно помочь в SEO.
- Совместимость со всеми современными браузерами на разных устройствах и платформах.
- Анимация (на базе HTML и JavaScript), параллакс.
- Наличие админки с возможностью настройки некоторых параметров шаблона, включая макет.
- 35 позиций для модулей. На рисунке ниже показаны некоторые из них.
Немного подробнее о 12-ти колоночной сетки Bootstrap можно узнать в предыдущей статье.
Наличие стилей для различных расширений (список не исчерпывающий).
- Штатные расширения Joomla: Материалы (com_content), Контакты (com_contact), Поиск (com_search) и т.д.
- VirtueMart (рисунок ниже).
- Kunena.
- Komento.
- JoomGallery.
- AcyMailing.
- Slogin.
- SocialLogin and SocialShare.
- TemplateMonster Events.
- TemplateMonster Pricingtables.
- Модуль Articles Single.
- Модуль Bootstrap Collapse.
- Модуль Bootstrap Tabs.
- Модуль Counters.
- Модуль Ice Mega Menu.
- Модуль Newsflash Advanced.
- Модуль Owl Carousel.
- Модуль SW TwitterDisplay.
- Модуль Swiper.
- Модуль TemplateMonster Ajax Contact Form.
- Модуль TemplateMonster Diagrams and Graphs D3Charts.
- Модуль TemplateMonster Diagrams and Graphs Flotcharts.
- Модуль TemplateMonster Diagrams and Graphs Highcharts.
- Модуль TemplateMonster Facebookfeed.
- Модуль TemplateMonster Flickrgallery.
- Модуль TemplateMonster Instafeed.
- Модуль TemplateMonster Instagram.
- Модуль TemplateMonster Olark Live Chat.
- Модуль TemplateMonster Parallax.
- Модуль TemplateMonster Style Switcher.
- Модуль TemplateMonster Twitterfeed.
Эти расширения позволяют создавать: интернет-магазин, форум, слайдер, галерею, вход через социальные сети, подписку на новости, комментарии к статьям, мега-меню, форму обратной связи и многое другое. Так как для всех этих расширений в шаблоне предусмотрены стили, то выглядят они гармонично в рамках всего сайта.
Оформление для разных типов страниц (список не исчерпывающий). Для некоторых типов страниц предусмотрено несколько вариантов оформления.
- Главная (в виде лендинга). В шаблоне предусмотрено 3 варианта главной страницы: вариант 1, вариант 2 – лендинг, вариант 3 – портфолио.
- Блог.
- Материал (статья блога).
- Контакты. Можно отображать карту Google с адресом своей фирмы, но для этого может понадобиться получить API ключ карт Google.
- Форум (рисунок ниже).
- Портфолио.
- Цены.
- Вопрос-ответ.
- Наша команда.
- Член команды (рисунок ниже).
- Услуги.
- Клиенты и отзывы.
- Календарь.
Также есть множество элементов для оформления текстовой информации: заголовки, списки (нумерованный, маркированный), вкладки, аккордеоны, бегущие цифры (счётчики) и т.д.
Админка шаблона
В Jedi есть своя админка на русском языке. Все опции в ней разделены на 5 вкладок:
- Подробно. Стандартная для всех шаблонов Joomla вкладка, на которой Вы можете узнать общую информацию о разработчике шаблона и сделать его шаблоном по умолчанию для всего сайта или какой-то из языковых версий сайта
- Макет.
- Оформление.
- Характеристики.
- Привязка к меню. Стандартная для всех шаблонов Джумла вкладка, на которой Вы можете назначить шаблон для отображения в определённых пунктах меню.
Вкладка Макет (рисунок ниже). Данная вкладка, в основном, содержит опции, позволяющие изменить ширину позиций шаблона. Можно выбрать ширину в рамках макета страницы (Нормально) или задать отображение позиции во всю ширину окна браузера (Во всю ширину).
Также тут можно настроить логотип и слоган (в шапке сайта). Можно настроить логотип, копирайт и ссылки на политику конфиденциальности и пользовательское соглашение в подвале сайта. А также задать ширину левой и правой колонки (позиций модулей). Так как Jedi – это шаблон интернет-магазина Joomla на VirtueMart, то в его настройках предусмотрена специальная опция – Показывать боковую панель на страницах VirtueMart. Тем самым можно скрывать левый и правый столбец макета страниц в магазине.
Вкладка Оформление (рисунок ниже). Здесь Вы сможете задать тег для разных заголовков. Можно задать один из заголовков H1-H6 или указать тег абзаца – P. Данные опции могут быть полезны в SEO оптимизации – избавиться от нескольких заголовков первого уровня на странице и задать логический порядок следования заголовков.
Вкладка Характеристики (рисунок ниже). Тут собраны опции, которые позволяют включить/отключить кнопку «Вверх», изменить настройки плагина преобразования цветных изображений в изображениях в оттенках серого и настроить обратный отсчёт для страницы «Скоро будет».
Jedi – это многоцелевой шаблон Джумла, на котором можно создавать сайты разных типов. От лендинга и визитки до форума и интернет-магазина. Он ориентирован на достаточно большое количество популярных расширений Joomla и оснащён массой «типовых» страниц, которые сильно сокращают финансовые и временные затраты на разработку сайта.
В следующей статье «Обзор JM Services. Бесплатный шаблон Joomla на русском языке» мы рассмотрим ещё один шаблон для Джумла.
При оформлении покупки шаблона Вы сможете заказать такие дополнительные услуги: установка шаблона на хостинг, хостинг, SSL сертификат, ускорение сайта и многое другое (рисунок ниже). Это может упростить поиск надёжного исполнителя для разных задач, так как заказывать Вы будете у компании, открытой в 2002 году и работающей по всему миру.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
