---
title: Обзор DJ-Flyer. Компонент вывода материалов Joomla
description: DJ-Flyer – компонент отображения материалов Joomla 3, 2.5 с картинками. Вывод в модуле, много настроек, отзывчивый дизайн
canonical_url: https://aleksius.com/joomla/rasshireniya/dj-flyer
language: ru-RU
date: 2022-08-28T17:03:27Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/dj-flyer.
markdown-tokens: 2219
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/dj-flyer. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


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

- Тип – расширение вывода материалов Joomla 3 и 2.5.
 
- [Возможности DJ-Flyer](https://aleksius.com/joomla/rasshireniya/dj-flyer#vozmozhnosti-dj-flyer "Возможности DJ-Flyer").
- [Элементы](https://aleksius.com/joomla/rasshireniya/dj-flyer#elementy "Элементы").
- [Категории](https://aleksius.com/joomla/rasshireniya/dj-flyer#kategorii "Категории").
- [Настройки](https://aleksius.com/joomla/rasshireniya/dj-flyer#nastrojki "Настройки").
- [Модуль вывода материалов Joomla](https://aleksius.com/joomla/rasshireniya/dj-flyer#modul-vyvoda-materialov-joomla "Модуль вывода материалов Joomla").
- [Порядок вывода материалов Joomla 3](https://aleksius.com/joomla/rasshireniya/dj-flyer#poryadok-vyvoda-materialov-joomla-3 "Порядок вывода материалов Joomla 3").
- [Русификатор DJ-Flyer](https://aleksius.com/joomla/rasshireniya/dj-flyer#rusifikator-dj-flyer "Русификатор DJ-Flyer").
 
DJ-Flyer – это расширение (компонент и модуль) для красивого отображения материалов Joomla с множеством настроек. Можно выводить краткий обзор материалов с изображением, которое может открываться во всплывающем окне. Для упрощения работы с большим количеством анонсов материалов их можно разделить на категории. При помощи данного расширения можно будет показать Ваши материалы в красивом и компактном виде. Примеры работы DJ-Flyer можно посмотреть на [демонстрационном сайте разработчика](https://demo.dj-extensions.com/dj-flyer/ "Демонстрационный сайт разработчика").

В обзоре будет участвовать последняя, на момент написания статьи (15.05.2016), русскоязычная версия DJ-Flyer 3.0.7 в Joomla 3.5.1. Шаблон фронтальной части сайта [JM Financial Services 1.0.1](https://aleksius.com/joomla/shablony/jm-financial-services "Обзор JM Financial Services. Шаблон Джумлы 3 на русском").

На [официальном сайте расширений Joomla](https://extensions.joomla.org/extensions/extension/directory-a-documentation/directory/dj-flyer "DJ-Flyer") два отзыва, расширение добавлено 19 ноября 2014.

- Общий рейтинг – 95 из 100.
- Функциональность – 90 из 100.
- Простота использования – 96 из 100.
- Документация – 96 из 100.
- Поддержка – 96 из 100.
- Соотношение цена\\качество – 96 из 100.
 
## <a id="vozmozhnosti-dj-flyer"></a>Возможности DJ-Flyer

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

- Поддержка Joomla 3.х (включая 3.5) и 2.5.
- Переведён на русский и английский языки.
- Поддержка отзывчивого (адаптивного) дизайна.
- Возможность разделения элементов (анонсов\\кратких описаний) на категории.
- Большое количество настроек модуля, включая настройки макета вывода анонсов.
- Задание короткого, длинного описания анонсов, миниатюры и большого изображения, ссылки на материал Joomla и так далее.
- Расширение адаптировано согласно рекомендациям WCAG 2.0 (Section 508) для обеспечения доступности сайта людям с ограниченными возможностями. Немного подробнее на эту тему можно прочесть в статье «[Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих](https://aleksius.com/joomla/shablony/jm-university "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих")».
- Хорошая документация и оперативная техническая поддержка (на английском языке).
- Наличие [шаблонов сайта Joomla](https://dj-extensions.com/joomla/joomla-templates?f_template_compatibility[0]=41&cm=0 "Шаблоны DJ-Flyer"), которые содержат стили специально для DJ-Flyer. На рисунках ниже показаны примеры оформления модуля DJ-Flyer в этих шаблонах.
 
 ![DJ-Flyer](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/dj-flyer.png "DJ-Flyer") DJ-Flyer  ![Вывод материала Joomla 3](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/vyvod-materiala-joomla-3.png "Вывод материала Joomla 3") Вывод материала Joomla 3  ![Модуль вывода материалов Joomla](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/modul-vyvoda-materialov-joomla.png "Модуль вывода материалов Joomla") Модуль вывода материалов Joomla  ![Отображение материала Joomla](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/otobrazhenie-materiala-joomla.png "Отображение материала Joomla") Отображение материала Joomla Два последних примера из [шаблона сайта салона красоты JM Beauty Center](https://aleksius.com/joomla/shablony/jm-beauty-center "Обзор JM Beauty Center. Шаблон Joomla для салона красоты").

## <a id="elementy"></a>Элементы

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

 ![Элементы](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/elementy.png "Элементы") Элементы На рисунке ниже показан пример 3-х элементов, которые Вы видите на рисунке выше, но во фронтальной части сайта.

 ![Пример элементов в модуле вывода материалов Joomla](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/primer-eleemntov-v-module-vyvoda-materialov-joomla.png "Пример элементов в модуле вывода материалов Joomla") Пример элементов в модуле вывода материалов Joomla При редактировании или создании элемента (рисунок ниже) Вам будет доступен ряд настроек. Рассмотрим наиболее интересные, на мой взгляд.

- *Категория*. Тут Вы сможете указать, к какой категории DJ-Flyer, о ней мы поговорим ниже, будет относиться этот элемент. При помощи категорий Вы сможете выводить элементы в модулях во фронтальной части сайта.
- *Статья*. При помощи этой опции Вы сможете указать, какой именно материал Джумла нужно открывать по нажатию на ссылку «Подробнее» под описанием элемента во фронтальной части сайта. Выбрав опцию «release article» и сохранив элементы, Вы уберёте ссылку на материал.
 
 ![Редактирование элемента](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/redaktirvoanie-eleemnta.png "Редактирование элемента") Редактирование элемента 1. *Название.*
2. *Всплывающая подсказка.* Появляется при наведении курсора мыши на изображение элемента.
3. *Статья.*
4. *Описание.*
5. *Изображение.*
6. *Изображение описания.*
 
На рисунке ниже показано соответствие опций при создании\\редактировании элементов их размещению в модуле вывода материала Joomla 3. Цифры на рисунке соответствуют цифрам в перечне выше. Обратите внимание, что положение и внешний вид элементов модуля зависят от настроек модуля, элемента и CSS-стилей шаблона\\компонента.

 ![Элементы модуля](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/elementy-modulya.png "Элементы модуля") Элементы модуля ## <a id="kategorii"></a>Категории

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

 ![Категории](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/kategorii.png "Категории") Категории ## <a id="nastrojki"></a>Настройки

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

 ![Настройки](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/nastrojki.png "Настройки") Настройки ## <a id="modul-vyvoda-materialov-joomla"></a>Модуль вывода материалов Joomla

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

- *Категории*. Позволяет отображать одну или несколько категорий элементов DJ-Flyer.
- *Пропорции ширины*. Можно указать различие пропорции отображения описания элементов и самих элементов для ширины (высоты) модуля.
 
 ![Модуль DJ-Flyer](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/modul-dj-flyer.png "Модуль DJ-Flyer") Модуль DJ-Flyer Помимо всего прочего в настройках модуля можно менять взаимное расположение и наличие различных элементов модуля. На рисунках ниже показано несколько вариантов «макетов».

- *Элементов на странице – 3.*
- *Позиция описания – Bottom.*
 
 ![Пример 1](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/primer-1.jpg "Пример 1") Пример 1 - *Позиция описания – Left.*
- *Показывать изображение в описании – No.*
- *Пропорции ширины – 70% Description – 30% Items.*
 
 ![Пример 2](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/primer-2.jpg "Пример 2") Пример 2 - *Элементов на странице – 3.*
- *Позиция описания – Right.*
- *Показать/спрятать всплывающую подсказку элемента – Yes.*
 
 ![Пример 3](https://aleksius.com/images/joomla/rasshireniya/dj-flyer/primer-3.png "Пример 3") Пример 3 ## <a id="poryadok-vyvoda-materialov-joomla-3"></a>Порядок вывода материалов Joomla 3

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

1. Настройте компонент DJ-Flyer.
2. Создайте категории элементов.
3. Создайте сами элементы.
4. Создайте и настройте модуль DJ-Flyer.
5. При необходимости измените стили модуля (CSS).
 
## <a id="rusifikator-dj-flyer"></a>Русификатор DJ-Flyer

> Cкачать [русификатор DJ-Flyer](https://aleksius.com/joomla/rusifikatory/rusifikator-dj-flyer "Русификатор DJ-Flyer").

Как видите, данный компонент позволяет организовать красивое и удобное представление материалов на Вашем сайте. Надеюсь, что после прочтения данного материала у Вас сложилось определённое впечатление об этом расширении, и Вы сможете принять взвешенное решение о его применении. А если Вас интересует аналог, то ознакомьтесь с обзором модуля [CoalaWeb News](https://aleksius.com/joomla/rasshireniya/coalaweb-news "Обзор CoalaWeb News. Вывод новостей Joomla").

 | Похожие материалы |
|---|
| - [ Русификатор DJ-Flyer ](https://aleksius.com/joomla/rusifikatory/rusifikator-dj-flyer) - [ Русификатор CoalaWeb News ](https://aleksius.com/joomla/rusifikatory/rusifikator-coalaweb-news) - [ Обзор CoalaWeb News. Вывод новостей Joomla ](https://aleksius.com/joomla/rasshireniya/coalaweb-news) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")  Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")        **Контакты:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо")      **Социальные сети:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публикации и работа:**  - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |

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

- [Демонстрационный сайт DJ-Flyer](https://demo.dj-extensions.com/dj-flyer/ "Демонстрационный сайт DJ-Flyer").
- [Документация](https://support.dj-extensions.com/portal/en/kb/extensions/dj-flyer/documentation "На английском").
