Шаблоны

Featured

Обзор JM Joomclassifieds. Шаблон доски объявлений Joomla 3

 

  • Тип – отзывчивая тема для Joomla 3 на русском языке.

 

 

JM Joomclassifieds – это HTML5\CSS3 адаптивный шаблон сайта Joomla на русском языке для создания доски объявлений или каталога. Он прекрасно подойдёт для специализированного компонента DJ-Classifieds и позволит существенно упростить процесс разработки сайтов подобного типа. В шаблоне много настроек, которые даже без знания HTML, CSS и PHP позволят адаптировать данную тему конкретно под Ваш проект.

Обзор проводится в последней, на момент написания статьи (23.04.2016), русскоязычной версии JM Joomclassifieds в Joomla 3.5.1. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):

  • DJ-Classifieds 3.4.5. Многофункциональный компонент для создания доски объявлений на Joomla
  • DJ-MediaTools 2.6.1. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart Это позволит создавать слайдер VirtueMart, галереи с товарами и другое.
  • DJ-MegaMenu 3.3.1. Компонент (модуль, плагин) меню, мега-меню и мобильного меню с множеством настроек и поддержкой вставки модулей в меню.
  • DJ-Reviews. Это расширение отзывов\рейтингов Joomla, VirtueMart, DJ-Classifieds и других компонентов.

Если Вас интересуют другие шаблоны DJ-Classifieds, ознакомьтесь со статьями «Обзор JM Joomads. Адаптивный шаблон Joomla 3» и «Обзор JM Job Listings. Шаблон каталога Joomla».

Особенности JM Joomclassifieds

Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 особенностями в типографике, оформлении модулей и работе с макетом\позициями шаблона у JM Joomclassifieds есть свои изюминки.

  • Наличие продуманных специализированных тем для DJ-Classifieds и DJ-MediaTools с возможностью изменения некоторых их цветовых параметров из админки сайта. Темы, в большинстве, ориентированы на создание сайта доски объявлений Joomla 3 или каталога.
  • Наличие темы для DJ-Reviews и DJ-MegaMenu.

Не стоит думать, что шаблон предусмотрен исключительно для доски объявлений или каталога – он универсальный. Но со своей направленностью.

На рисунке ниже показан пример главной страницы JM Joomclassifieds.

JM Joomclassifieds
JM Joomclassifieds

На рисунке ниже показан пример темы для Joomla 3 (страница материала).

Тема для Joomla 3
Тема для Joomla 3

На рисунке ниже показана страница доски объявлений.

Шаблон доски объявлений для Joomla 3
Шаблон доски объявлений для Joomla 3

А так (рисунок ниже) выглядит фрагмент настроек шаблона сайта Joomla. Обратите внимание, что шаблон на русском языке. Это касается не только поддержки кириллических шрифтов, но и того, что все опции и их описания тоже на русском языке.

Шаблон сайта Joomla на русском
Шаблон сайта Joomla на русском

Шрифты Google

В JM Joomclassifieds, как и в других шаблонах Joomla-Monster.com, можно применять шрифты Google. Для настройки шрифтов есть целый одноимённый раздел (рисунок ниже). О нём мы уже говорили в статье «Обзор JM Job Listings. Настраиваемый шаблон Joomla». Рассмотрим применение шрифтов Google более детально (по материалам статьи «How to use Google Web Fonts in a template»).

В статье «Обзор JM Classifiedads. Шаблон в стиле Material Design» есть видео, в котором показан пример настройки шрифтов Google.

В поле URL веб-шрифтов Google указан URL и параметры шрифта Google, который будет применяться к тем или иным текстовым объектам на Вашем сайте.

Настройка шрифтов
Настройка шрифтов

Если Вам хочется указать другой шрифт, перейдите на сайт Google Fonts, в спадающем списке Script (набор символов или кодировка) выберите или Cyrillic или Cyrillic Extended (рисунок ниже).

Шрифты Google
Шрифты Google

На 23.04.2016 для Cyrillic доступен 61 шрифт, для Cyrillic Extended – 32. Разница в том, что в Cyrillic-шрифтах около 329 символов, а в Cyrillic Extended

 – 464. То есть, в Cyrillic Extended больше дополнительных символов. Рекомендую для оформления основного текста выбирать Cyrillic Extended, а для заголовков и всего остального – Cyrillic.

Выбрав понравившейся шрифт, нажмите на кнопку Quick-use (рисунок ниже).

Выбор шрифта
Выбор шрифта

При выборе шрифта стоит обращать внимание на наличие для него дополнительных стилей и целесообразности их применения у Вас на сайте. Настоятельно рекомендую указывать минимально необходимый набор стилей и кодировок, которые нужно использовать для этого шрифта. Так как их количество прямо пропорционально влияет на размер файла шрифта и, как следствие, на скорость загрузки Вашей страницы. На странице выбора стилей и кодировок (рисунок ниже) есть специальный «датчик». Добавляя тот или иной стиль\кодировку Вы сможете наглядно видеть, как это влияет на скорость.

Выбор шрифта Google
Выбор шрифта Google

После того, как Вы всё выбрали, в третьем «разделе» «3. Add this code to your website» на вкладке Standard скопируйте URL-адрес шрифта (без тегов и протокола, но с двумя начальными слешами). То есть, Вам нужен, например, только «//fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic» (без кавычек). Вставьте скопированный адрес в нужное поле URL веб-шрифтов Google в настройках шаблона. В «разделе» «4. Integrate the fonts into your CSS» скопируйте названия семейства шрифтов, например, «'Open Sans', sans-serif» (без кавычек) и вставьте его в поле Семейство веб-шрифтов Google в настройках шаблона. Примените изменения, перейдите на сайт и проверяйте результат. На рисунке ниже показан пример оформления основного текста при помощи шрифта Bad Script.

Шрифт Bad Script
Шрифт Bad Script

Графические элементы темы для Joomla 3

В комплект с шаблоном кроме дополнительных расширений, инструкции и «быстрого старта» входят ещё и графические файлы тех немногих элементов интерфейса, которые сделаны при помощи растровых изображений. Это различные иконки и пиктограммы (рисунок ниже).

Графические элементы темы для Joomla 3
Графические элементы темы для Joomla 3

Вам, к примеру, может понадобиться сменить их цвет в тех случаях, когда Вы будете менять цветовую схему сайта на свою собственную, а не использовать одну из нескольких, доступных в шаблоне по умолчанию.

Для редактирования достаточно открыть соответствующий PSD-файл в графическом редакторе, который его поддерживает. А далее процесс редактирования сильно зависит от того, что именно хотите сделать и в каком редакторе работаете. Акцентирую, что при сохранении графического элемента учитывайте его размер (в килобайтах). Чем меньше – тем быстрее будет загружаться сайт.

Русификатор JM Joomclassifieds

Скачать русификатор JM Joomclassifieds.

 

Как видите, Joomla-Monster.com позаботились не только об упрощении процесса «общей» настройки шаблона, но и дали более удобные «инструменты» для большей персонализации темы.

Похожие материалы
Автор статьи – Хорошевский Алексей
Хорошевский Алексей

Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе…

Контакты:

Социальные сети:

Публикации и работа:

Загрузка комментария... Комментарий будет обновлён через 00:00.
Напишите комментарий...
- оставшихся символов.
или оставить комментарий как гость