Шаблоны

Обзор JM Job Listings. Настраиваемый шаблон Joomla

 

  • Тип – настраиваемый шаблон Джумла на русском языке для доски объявлений.

 

 

В предыдущей статье «Обзор JM Job Listings. Шаблон каталога Joomla» мы рассмотрели основные настройки шаблона и построитель макета. Обратите внимание, настройки, описанные в предыдущей статье и этой, в большинстве случаев, будут актуальны для всех шаблонов разработчика Joomla-Monster на фреймворке EF4. А не только для JM Job Listings.

Настройки шаблона

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

На данной вкладке (рисунок ниже) можете настроить шрифты Вашего шаблона. Настройки весьма однотипные, но предназначены для различных «элементов» сайта. Для каких именно, понятно из названия. В видео, из статьи «Обзор JM Classifiedads. Шаблон в стиле Material Design», Вы узнаете о том, как можно использовать нижеописанные параметры.

  1. Базовый шрифт. Настройки, влияющие на шрифты всего шаблона. Как правило, этот шрифт используется для контента и содержимого модулей.
  2. Горизонтальное меню.
  3. Заголовки модулей.
  4. Заголовки материалов.
  5. Расширенные настройки. При помощи указания в поле Селекторы, ID или CSS класса нужного Вам элемента сайта (где используется шрифт), можно применить настройки шрифта, заданные в области Расширенные настройки.
Русский шаблон Joomla
Русский шаблон Joomla

Размер шрифта. Размер шрифта в пикселях от 5 до 50 пикселей.

Тип шрифта. Можно выбрать один из трёх вариантов.

Шрифт списка. Если Вы выбираете эту опцию, то появится спадающий список Семейство шрифтов, где Вы сможете выбрать один из 13 шрифтов.

  1. Arial - Arial, Helvetica, sans-serif
  2. Arial Bold - 'Arial Black', 'Arial Bold', Gadget, sans-serif
  3. Arial Narrow - 'Arial Narrow', Arial, sans-serif
  4. Tahoma - Tahoma, Geneva, Verdana, sans-serif
  5. Verdana - Verdana, Geneva, Tahoma, sans-serif
  6. Times New Roman - 'Times New Roman', Times, serif
  7. Georgia - Georgia, 'Times New Roman', Times, serif
  8. Courier New - 'Courier New', Courier, 'Andale Mono', monospace
  9. Trebuchet MS - 'Trebuchet MS', 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif
  10. Lucida Sans - 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif
  11. Impact - Impact, Haettenschweiler, 'Arial Narrow Bold', Charcoal, sans-serif
  12. Palatino - Palatino, 'Palatino Linotype', 'URW Palladio L', Georgia, 'Times New Roman', Times, serif
  13. Century Gothic - 'Century Gothic', 'Apple Gotic', 'URW Gothic L', sans-serif

Несмотря на то, что в плане дизайна это один из наименее интересных вариантов, он меньше всего вызывает проблем и не влияет на скорость загрузки сайта. Так как указанные тут шрифты есть у подавляющего большинства пользователей. А значит, их не нужно отдельно подгружать и, скорее всего, они будут смотреться примерно одинаково у всех посетителей сайта.

Веб шрифты Google. При помощи данной опции, Вы сможете указать один из шрифтов Google. Подробнее о применении данного сервиса Вы можете прочесть тут. Информация, указанная в статье, актуальна не только для Incomedia Website X5, но и для всех случаев применения шрифтов Google, в том числе для шаблона под Joomla. Но применение данной опции может замедлить скорость загрузки сайта. Подробнее об использовании шрифтов Google именно в шаблонах разработчика Joomla-Monster Вы можете прочесть в статье «Обзор JM Joomclassifieds. Шаблон доски объявлений Joomla 3».

Сгенерированный шрифт. Вы можете применить собственные шрифты. Подробнее об этом можно прочесть в данной статье. Это позволяет реализовать самые «сложные» дизайнерские требования в плане шрифтов, так как можно подключить абсолютно уникальные шрифты. Даже если они разработаны специально для Вашего сайта. Но сперва нужно загрузить соответствующие файлы в нижней части страницы настроек шрифтов, в разделе «Загрузка сгенерированных веб-шрифтов». Загрузите, как минимум, 3 формата шрифтов и убедитесь в том, что все файлы шрифтов названы абсолютно одинаково. Разрешённые расширения шрифтов: ttf, eot, woff, svg Пример: «arial.ttf», «arial.eot», «arial.woff», «arial.svg». Принимайте во внимание, что этот способ может замедлить загрузку страниц Вашего сайта.

Об обновлениях в в шаблонах на базе фремворка EF4, касающихся данного вопроса, Вы можете прочесть в статье «Обзор JM Minima. Чистый шаблон Joomla».

Модификация цветов

В данной вкладке (рисунок ниже) можно настраивать цвета тех или иных элементов сайта, по аналогии с настройками шрифтов, рассмотренных выше. В видео, из статьи «Обзор JM Classifiedads. Шаблон в стиле Material Design», Вы узнаете о том, как можно использовать нижеописанные параметры.

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

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

Кстати, для внесения любых изменений в CSS разработчик рекомендует делать это путём редактирования файла «custom.less», находящегося в папке «less» (внутри папки шаблона), а не вносить изменения в другие файлы.

Шаблон под Joomla
Шаблон под Joomla

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

Обратите внимание, что в нижней части страницы настроек шаблона доски Joomla есть такие разделы как «DJ-Mediatools» и «DJ-Classifieds». Это связано с тем, что JM Job Listings поставляется вместе с этими расширениями.

Расширенные возможности

Как Вы уже могли убедиться, JM Job Listings – это настраиваемый шаблон Joomla с большим количеством опций. На вкладке Расширенные возможности (рисунок ниже), можете найти инструменты, которые позволят оптимизировать скорость загрузки сайта и помогут в настройке шаблона.

Настраиваемый шаблон Joomla
Настраиваемый шаблон Joomla

Настройщик темы. Если опция включена, то во фронтальной части сайта появится дополнительная боковая панель, которая позволит настраивать шаблон, не заходя в админку (рисунок ниже).

Вход в Настройщик темы. Если эта опция и опция выше включена, то во фронтальной части сайта, в появившейся панели настройщика будет добавлена форма входа на сайт. Это позволит сохранять настройки.

Шаблон доски Joomla
Шаблон доски Joomla

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

Исходная карта (LESS). Данная опция может понадобиться опытным пользователям и разработчикам во время тонкой настройки шаблона и при решении проблем. Если Вы не знаете, зачем это нужно – не используйте данную опцию. Создаёт исходную карту для каждого LESS файла, который был скомпилирован в CSS. В результате, веб-инспекторы знают, из какого .less файла и (как правило) из какого номера строки появился выходной CSS файл. После того, как Вы закончите вносить изменения в шаблон, рекомендуем отключить эту опцию.

Вставка кода. Добавьте произвольный код в раздел «head», если необходимо. Сюда Вы можете вставить скрипт Google Analytics, мета-тег Инструментов для веб-мастеров Google или любой другой произвольный код, который нужно вставить в раздел «head» шаблона.

Если Вас интересует вопрос оптимизации скорости загрузки сайта, то рекомендую ознакомиться со статьёй «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla». Нижеперечисленные опции предназначены для увеличения скорости загрузки сайта и действуют на весь сайт, а не только на шаблон доски Joomla.

  • Сжать CSS. Объединение всех CSS-файлов в один и их минимизация (удаление пробелов, комментариев и отступов).
  • Сжать JS. Аналогично опции Сжать CSS, но относится к файлам скриптов.
  • Сжать HTML. Удаление пробелов, комментариев и отступов в HTML.
  • Исключить js и css. Если у Вас возникли проблемы в результате активации вышеописанных опций, то в данное поле можете ввести название файлов (только имя или полный путь), которые нужно исключить из сжатия. Каждый файл нужно указывать с новой строки.
  • Отложить загрузку скриптов. Если опция включена, то файлы скриптов будут загружаться после основной (контентной) части сайта. Это должно увеличить скорость отображения полезной пользователю информации, но может привести к ошибкам в работе сайта.
  • Исключить скрипты (1). Тут перечислены файлы, которые исключатся из отложенной загрузки по умолчанию. Так как они очень важны для корректной работы сайта.
  • Исключить скрипты (2). Опция аналогична опции Исключить js и css, но влияет на исключение файлов скриптов из отложенной загрузки.
  • Facebook Open Graph. Активирует добавление специальных мета-тегов в исходный код страниц (только для материалов Joomla (com_content)). Немного подробнее об этом можно прочесть в данной статье.
  • Facebook APP ID. Это поле можно не заполнять. Оно нужно только в редких случаях и служит для более тесной интеграции Вашего сайта с Facebook (критично для приложений).

Об обновлениях в в шаблонах на базе фремворка EF4, касающихся данного вопроса, Вы можете прочесть в статье «Обзор JM Minima. Чистый шаблон Joomla».

Хранилище настроек

При помощи данной вкладки (рисунок ниже) Вы можете сохранять, импортировать и экспортировать настройки шаблона.

Хранилище настроек
Хранилище настроек
  • Сохранённые настройки. Список ранее сохранённых файлов настроек. Выберите нужный и нажмите кнопку Загрузить для использования настроек или скачайте их в качестве файла, при помощи кнопки Скачать настройки.
  • Загрузить настройки. Выберите файл с сохранёнными настройками и загрузите его. Файл появится в списке опции Сохранённые настройки.
  • Сохранить настройки. Сохранить настройки шаблона в файл. Файл появится в списке опции Сохранённые настройки. Пожалуйста, учтите, что сперва Вы должны сохранить настройки шаблона, чтобы можно было сохранить их как файл.
  • Местоположение хранилища. Путь к файлу настроек шаблона на сервере.

В следующих статьях мы продолжим рассмотрение шаблонов от Joomla-Monster и расширений DJ. В частности, мы поговорим о таком расширении как DJ-Classifieds (аналог RSDirectory) и на его примере посмотрим, как выглядит вышеописанный шаблон доски Joomla JM Job Listings.

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

Хорошевский Алексей Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

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