Расширения

Обзор DJ-Flyer. Компонент вывода материалов Joomla

  • Тип – расширение вывода материалов Joomla 3 и 2.5.

 

 

DJ-Flyer – это расширение (компонент и модуль) для красивого отображения материалов Joomla с множеством настроек. Можно выводить краткий обзор материалов с изображением, которое может открываться во всплывающем окне. Для упрощения работы с большим количеством анонсов материалов их можно разделить на категории. При помощи данного расширения можно будет показать Ваши материалы в красивом и компактном виде. Примеры работы DJ-Flyer можно посмотреть на демонстрационном сайте разработчика.

В обзоре будет участвовать последняя, на момент написания статьи (15.05.2016), русскоязычная версия DJ-Flyer 3.0.7 в Joomla 3.5.1. Шаблон фронтальной части сайта JM Financial Services 1.0.1.

На официальном сайте расширений Joomla два отзыва, расширение добавлено 19 ноября 2014.

  • Общий рейтинг – 95 из 100.
  • Функциональность – 90 из 100.
  • Простота использования – 96 из 100.
  • Документация – 96 из 100.
  • Поддержка – 96 из 100.
  • Соотношение цена\качество – 96 из 100.

Возможности DJ-Flyer

Перечислю основные возможности и особенности DJ-Flyer:

  • Поддержка Joomla 3.х (включая 3.5) и 2.5.
  • Переведён на русский и английский языки.
  • Поддержка отзывчивого (адаптивного) дизайна.
  • Возможность разделения элементов (анонсов\кратких описаний) на категории.
  • Большое количество настроек модуля, включая настройки макета вывода анонсов.
  • Задание короткого, длинного описания анонсов, миниатюры и большого изображения, ссылки на материал Joomla и так далее.
  • Расширение адаптировано согласно рекомендациям WCAG 2.0 (Section 508) для обеспечения доступности сайта людям с ограниченными возможностями. Немного подробнее на эту тему можно прочесть в статье «Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих».
  • Хорошая документация и оперативная техническая поддержка (на английском языке).
  • Наличие шаблонов сайта Joomla, которые содержат стили специально для DJ-Flyer. На рисунках ниже показаны примеры оформления модуля DJ-Flyer в этих шаблонах.
DJ-Flyer
DJ-Flyer
Вывод материала Joomla 3
Вывод материала Joomla 3
Модуль вывода материалов Joomla
Модуль вывода материалов Joomla
Отображение материала Joomla
Отображение материала Joomla

Два последних примера из шаблона сайта салона красоты JM Beauty Center.

Элементы

Данный раздел (рисунок ниже) содержит список всех элементов DJ-Flyer. Элемент – это составляющая часть видимого во фронтальной части сайта в модуле. DJ-Flyer автоматически не генерирует содержимое, которое отображается в модуле вывода материалов Joomla. Вы сами должны настроить его так, как Вам нужно. С одной стороны – это неудобно и занимает время. С другой – как подсказывает собственный опыт, для получения красивого результата, очень часто нужно «вручную» создать картинки для подобных модулей, написать заголовки и описания. Иногда приходится по многу раз переписывать, например, заголовок материала так, чтобы он отражал суть, красиво смотрелся в модуле отображения материала Joomla, содержал ключевое слов\фразу (для SEO) и нормально читался. Учитывая это, автоматическая генерация на основании заголовка материала, автоподстановка изображения и добавление описания из мета-описания не всегда уместно, и даёт хороший результат.

Элементы
Элементы

На рисунке ниже показан пример 3-х элементов, которые Вы видите на рисунке выше, но во фронтальной части сайта.

Пример элементов в модуле вывода материалов Joomla
Пример элементов в модуле вывода материалов Joomla

При редактировании или создании элемента (рисунок ниже) Вам будет доступен ряд настроек. Рассмотрим наиболее интересные, на мой взгляд.

  • Категория. Тут Вы сможете указать, к какой категории DJ-Flyer, о ней мы поговорим ниже, будет относиться этот элемент. При помощи категорий Вы сможете выводить элементы в модулях во фронтальной части сайта.
  • Статья. При помощи этой опции Вы сможете указать, какой именно материал Джумла нужно открывать по нажатию на ссылку «Подробнее» под описанием элемента во фронтальной части сайта. Выбрав опцию «release article» и сохранив элементы, Вы уберёте ссылку на материал.
Редактирование элемента
Редактирование элемента
  1. Название.
  2. Всплывающая подсказка. Появляется при наведении курсора мыши на изображение элемента.
  3. Статья.
  4. Описание.
  5. Изображение.
  6. Изображение описания.

На рисунке ниже показано соответствие опций при создании\редактировании элементов их размещению в модуле вывода материала Joomla 3. Цифры на рисунке соответствуют цифрам в перечне выше. Обратите внимание, что положение и внешний вид элементов модуля зависят от настроек модуля, элемента и CSS-стилей шаблона\компонента.

Элементы модуля
Элементы модуля

Категории

Тут (рисунок ниже) Вы сможете управлять категориями элементов DJ-Flyer. При создании или редактировании категории можно задавать только её название. Других опций нет.

Категории
Категории

Настройки

В настройках (рисунок ниже) можно активировать или деактивировать отзывчивый стиль и задать ширину\высоту миниатюр (на рисунке выше №5) и миниатюр описания (на рисунке выше №6).

Настройки
Настройки

Модуль вывода материалов Joomla

В DJ-Flyer есть свой модуль с различными настройками (рисунок ниже). При помощи него Вы сможете отображать элементы, созданные в компоненте, но уже во фронтальной части сайта для посетителей. Рассмотрим наиболее интересные, на мой взгляд, опции. Опции переведены на русский язык и оснащены всплывающими подсказками, хотя они и так очевидны.

  • Категории. Позволяет отображать одну или несколько категорий элементов DJ-Flyer.
  • Пропорции ширины. Можно указать различие пропорции отображения описания элементов и самих элементов для ширины (высоты) модуля.
Модуль DJ-Flyer
Модуль DJ-Flyer

Помимо всего прочего в настройках модуля можно менять взаимное расположение и наличие различных элементов модуля. На рисунках ниже показано несколько вариантов «макетов».

  • Элементов на странице – 3.
  • Позиция описания – Bottom.
Пример 1
Пример 1
  • Позиция описания – Left.
  • Показывать изображение в описании – No.
  • Пропорции ширины – 70% Description – 30% Items.
Пример 2
Пример 2
  • Элементов на странице – 3.
  • Позиция описания – Right.
  • Показать/спрятать всплывающую подсказку элемента – Yes.
Пример 3
Пример 3

Порядок вывода материалов Joomla 3

Приведу общую последовательность действий, необходимых для отображения материалов в модуле. Предполагается, что DJ-Flyer установлен и материалы Джумла созданы.

  1. Настройте компонент DJ-Flyer.
  2. Создайте категории элементов.
  3. Создайте сами элементы.
  4. Создайте и настройте модуль DJ-Flyer.
  5. При необходимости измените стили модуля (CSS).

Русификатор DJ-Flyer

Cкачать русификатор DJ-Flyer.

 

Как видите, данный компонент позволяет организовать красивое и удобное представление материалов на Вашем сайте. Надеюсь, что после прочтения данного материала у Вас сложилось определённое впечатление об этом расширении, и Вы сможете принять взвешенное решение о его применении. А если Вас интересует аналог, то ознакомьтесь с обзором модуля CoalaWeb News.

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

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

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

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

 

Полезные ссылки: