Расширения

Обзор Droppics. Картинки в Joomla 3

 

 

Droppics – удобный и функциональный медиа-менеджер Joomla с возможностью создания слайд-шоу, галерей и отдельных изображений. Есть встроенный редактор с возможностью увеличения (уменьшения) картинок и добавлением некоторых эффектов. Также можно использовать видео с YouTube, Vimeo и Dailymotion. Компонент удобный и весьма простой в использовании. Он интегрируется с редактором материалов Joomla и позволяет, не выходя со страницы редактирования материала, работать с картинками. Есть поддержка drag-and-drop. То есть, Вы можете менять порядок следования картинок и добавлять их в галереи простым перетаскиванием мыши. Помимо создания галерей, слайдеров и слайд-шоу можно вставлять в материалы Joomla отдельные картинки. Это значит, что, загрузив картинку в Droppics один раз, можно будет использовать её на разных страницах в разном «виде».

В предыдущих статьях мы уже рассматривали платные и бесплатные расширения для создания галерей и слайд-шоу: OrdaSoft Image Gallery, RSMediaGallery, Simple Image Gallery, Phoca Gallery, sigplus, DJ-MediaTools, Layer Slideshow и FW Gallery Grand.

Примеры можно увидеть на демонстрационном сайте разработчика.

В обзоре будет участвовать последняя, на момент написания статьи (27.12.2016), русскоязычная версия Droppics в Joomla 3.6.5. Редактор материалов TinyMCE 4.4.3. Шаблон админки Джумла – Isis 1.0, шаблон сайта – protostar 1.0.

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

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

Расширение платное, на данный момент от $29.

Особенности Droppics

Рассмотрим основные, на мой взгляд, особенности и возможности слайдера картинок Joomla 3.

Разное.

  • Совместимость с Джумла 3.
  • Переведён на русский, английский французский и португальский языки (рисунок ниже).
  • Поддержка перетаскивания изображения мышью (drag-and-drop).
  • Прост в управлении.
  • Интеграция с редактором материалов Joomla (с любым).
  • Возможность работы во фронтальной части сайта.
  • Возможность импорта картинок Joomla (из папки «images») в Droppics для дальнейшей работы с ними.
  • Навигация по галерее во фронтальной части реализована на основании AJAX, что не требует перезагрузки страницы.
  • Поддержка разграничений прав доступа\управления галереями на основании групп пользователей Джумла (Joomla ACL).
  • Ускоренная загрузка галерей. Если Вас интересует вопрос ускорения сайта в целом, а также снижение нагрузки на сервер, ознакомьтесь со статьями «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla» и «Обзор JotCache. Кэширование Joomla 3».
  • HTML5 загрузчик изображений.
  • Возможность загрузки изображений из папки на мобильных устройствах. Совместимость с iPhone, iPad и Android.
  • Компонент полностью основан на фреймворке Joomla, что повышает вероятность его интеграции со сторонними расширениями.
  • Интеграция с K2, FLEXIcontent, Zoo и различными CCK (от англ. Content Construction Kit— система создания контента или конструктор контента). Интеграция с любыми расширениями Joomla, которые поддерживают обработку плагинов содержимого (например, VirtueMart).
  • Поддержка обновления компонента средствами самой CMS.
  • Ограничения на размер загружаемых изображений.
  • Наличие множества настроек.
  • Наличие документации и обучающего\демонстрационного видео (на английском языке).
Картинки в Joomla 3
Картинки в Joomla 3

Поддерживаемые типы содержимого.

  • Картинки.
  • Видео с YouTube, Vimeo и Dailymotion.
Видео галерея
Видео галерея

Редактирование картинок.

  • Увеличение (уменьшение) изображений Joomla (рисунок ниже). Картинки не масштабируются, а создаются отдельные изображения с заданным размером. Это положительно влияет на скорость загрузки сайта.
  • Генерация миниатюр изображений. Автоматически при добавлении изображений или по запросу пользователя. Картинки хранятся в трёх «состояниях»: оригинальное, большое, миниатюра. Возможно задать свои собственные размеры, применяемые к изображениям при загрузке (это потом можно сменить).
  • Сжатие изображений при их загрузке на сайт.
  • Обрезка.
  • Применение эффектов и фильтров (доступно более 30 вариантов).
  • Отступы.
  • Граница.
  • Радиус скругления углов границы.
  • Тень.
  • Выравнивание изображений.
  • Добавление\изменение SEO-информации: имя файла, заголовок, замещающий текст (alt).
  • Сохранение копии оригинального (загруженного Вами) изображения. Это даёт возможность в любой момент применить любые другие изменения или вернуться к исходному состоянию картинки.
Увеличение изображения в Joomla
Увеличение изображения в Joomla

Представление картинок.

  • В виде галерей (рисунок ниже). Доступно 6 тем. Возможность задавать действие по нажатию на миниатюру картинки (или открывать увеличенную во «всплывающем окне» lightbox, переходить по любому URL, переход на пункт меню Joomla или на материал). Можно создавать вложенные одна в одну галереи.
  • Наличие «бесконечной» прокрутки галереи, содержащей большое количество картинок/видео.
  • В виде слайд-шоу. С подписями к слайдам и настройкой их отображения.
  • Отдельной картинкой.
  • Отображение картинок и галерей Droppics в стандартном модуле Joomla «HTML-код».
  • Отображение картинок и галерей Droppics в любой текстовой области Джумла. То есть, если в админке или фронтальной части сайта есть возможность добавления текста при помощи любого редактора материалов, там можно использовать Droppics.
Droppics
Droppics
Слайдер картинок Joomla 3
Слайдер картинок Joomla 3

Редактирование галереи

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

На рисунке ниже показан пример для настроек тем (слева на право): Default (Тема по умолчанию), Carousel, Masonry.

Редактирование галереи (1)
Редактирование галереи (1)

На рисунке ниже показан пример для настроек тем (слева на право): Polaroid, Heapshot, BxSlider.

Редактирование галереи (2)
Редактирование галереи (2)

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

Тема Default
Тема Default
Тема Carousel
Тема Carousel
Тема Masonry
Тема Masonry
Тема Polaroid
Тема Polaroid
Тема Heapshot
Тема Heapshot
Тема Bxslider
Тема Bxslider

Редактирование картинки в Joomla 3

Droppics позволяет редактировать изображения в самой Джумла. Набор инструментов может немного отличаться в зависимости от того, какую тему галереи Вы выберете. На рисунке ниже показан пример редактирования картинки с выбранной темой BxSlider. Как видите, есть возможность:

  • Задавать отступы.
  • Делать обводку с выбором цвета и радиусом скругления углов.
  • Задавать действие, которое будет происходить по нажатию на объект.
  • Указать\изменить подпись, заголовок, замещающий текст и имя файла.
  • Задать выравнивание (в галерее).
  • Можно задать и оформить подпись слайда.
Редактирование изображений в Джумла 3
Редактирование изображений в Джумла 3

Помимо этого, можно увеличить (уменьшить) изображение прямо в Joomla. Сам предпочитаю так не делать. Если Вам интересно почему, ознакомьтесь с этой статьёй. Там же Вы найдёте рекомендации касательно подготовки изображений к загрузке на сайт. А в этой статье Вы найдёте рекомендации касательно имён файлов.

Droppics даёт возможность изменять размер миниатюры, оригинального (исходного) файла и создавать множество копий изображения разного размера. Нажав на иконку карандашика справа от названия размера, Вы перейдёте к редактированию изображения (рисунок ниже).

Редактирование изображения
Редактирование изображения

Помимо изменения размера, обрезки, отражения и поворота Вы сможете применить такие «фильтры»:

  1. Brightness – Яркость.
  2. Contrast – Контраст.
  3. Saturation – Насыщенность.
  4. Vibrance – Красочность.
  5. Exposure – Воздействие.
  6. Hue – Оттенок.
  7. Sepia – Сепия.
  8. Gamma – Гамма.
  9. Noise – Шум.
  10. Clip – Клип.
  11. Sharpen – Резкость.
  12. StackBlur – Размытие.

Плюс, в спадающем списке можно выбрать ещё 18 эффектов, которые будут применены к изображению.

Настройки

У компонента слайдера картинок Joomla 3 есть много настроек, которые позволяют сконфигурировать компонент под Ваши потребности. Настроек достаточно много. Они разделены на десять вкладок.

  1. Основные параметры.
  2. Одно изображение.
  3. Тема по умолчанию.
  4. Тема Masonry.
  5. Тема Carousel.
  6. Тема Polaroid.
  7. Тема Heapshot.
  8. Тема BxSlider.
  9. Live update. Тут Вы сможете настроить автоматическое обновление компонента. Для этого нужен доступ к сайту разработчика и активный статус подписки (лицензия на обновление) на расширение.
  10. Права. На данной вкладке собраны стандартные для Joomla опции, которые позволяют разграничить права доступа пользователей к Droppics и картинкам.

Рассмотрим наиболее интересные, с моей точки зрения, опции.

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

Основные параметры
Основные параметры

Опция Показывать импорт изображений активирует инструмент импорта (рисунок ниже) уже имеющихся у Вас на сервере изображений в Droppics. А опция Добавить внешнее видео позволит использовать в слайдере Joomla видео с YouTube, Vimeo и Dailymotion.

Импорт картинок в Droppics
Импорт картинок в Droppics

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

Благодаря настройке Предварительно заданный размер одного изображения можно создать несколько вариантов размеров, до которых можно будет изменять картинки.

Одно изображение
Одно изображение

Вкладки Тема по умолчанию, Тема Masonry, Тема Carousel, Тема Polaroid, Тема Heapshot, Тема BxSlider содержат настройки, которые позволят Вам сконфигурировать соответствующие темы одноимённые темы слайдера картинок Joomla 3, которые были рассмотрены в статье выше в разделе «Редактирование галереи». На рисунках ниже показано содержимое каждой из вкладок.

Тема по умолчанию
Тема по умолчанию
Вкладка Тема Masonry
Вкладка Тема Masonry
Вкладка Тема Carousel
Вкладка Тема Carousel
Вкладка Тема Polaroid
Вкладка Тема Polaroid
Вкладка Тема Heapshot
Вкладка Тема Heapshot
Вкладка Тема BxSlider
Вкладка Тема BxSlider

Надеюсь, что данный обзор дал Вам конкретное представление, что именно может предложить Droppics. И если Вам нужно расширение для работы с картинками в Joomla 3, рекомендую рассмотреть этот компонент как один из вариантов.

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

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

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

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

 

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